@pequity/squirrel 1.0.29 → 1.2.3

package/dist/cjs/index.js

@@ -1,19 +1,18 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const config = require("./config.js");
-const pActionBar_vue_vue_type_script_setup_true_lang = require("./chunks/p-action-bar.js");
+const vue = require("vue");
+const pBtn = require("./p-btn.js");
+const pCloseBtn = require("./p-close-btn.js");
+const pDropdown = require("./p-dropdown.js");
 const pAlert = require("./p-alert.js");
 const pAvatar = require("./p-avatar.js");
-const pBtn = require("./p-btn.js");
 const pCard_vue_vue_type_script_setup_true_lang = require("./chunks/p-card.js");
 const pCheckbox_vue_vue_type_script_setup_true_lang = require("./chunks/p-checkbox.js");
 const pChips = require("./p-chips.js");
-const pCloseBtn = require("./p-close-btn.js");
 const pDatePicker = require("./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");
-const vue = require("vue");
 const pFileUpload$1 = require("./p-file-upload.js");
 const lodashEs = require("lodash-es");
 const useInputClasses = require("./useInputClasses.js");
@@ -61,6 +60,112 @@ const dom = require("./dom.js");
 const object = require("./object.js");
 const listKeyboardNavigation = require("./listKeyboardNavigation.js");
 const number = require("./number.js");
+const _hoisted_1$4 = {
+  class: "fixed bottom-6 left-1/2 flex h-12 -translate-x-1/2 select-none flex-row items-center rounded-lg bg-p-purple-60 px-2 text-sm font-medium text-white",
+  role: "alertdialog"
+};
+const _hoisted_2$4 = { class: "px-3" };
+const _hoisted_3$4 = /* @__PURE__ */ vue.createElementVNode("div", { class: "mx-4 h-9 w-0.5 rounded bg-p-purple-50" }, null, -1);
+const _hoisted_4$4 = { class: "flex" };
+const _hoisted_5$4 = { class: "flex items-center gap-2 px-1 py-0.5" };
+const _hoisted_6$4 = { class: "flex items-center gap-2 px-1 py-0.5" };
+const _hoisted_7$3 = { class: "flex flex-col bg-p-purple-60" };
+const _hoisted_8$1 = { class: "flex items-center gap-2 px-1 py-0.5" };
+const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+  __name: "p-action-bar",
+  props: {
+    label: {},
+    actions: {}
+  },
+  emits: ["click:dismiss", "click:action"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
+        vue.createVNode(pCloseBtn, {
+          variant: "dark",
+          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click:dismiss"))
+        }),
+        vue.createElementVNode("p", _hoisted_2$4, vue.toDisplayString(_ctx.label), 1),
+        _hoisted_3$4,
+        vue.createElementVNode("div", _hoisted_4$4, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.actions, (actionOrMenu) => {
+            return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+              key: `action-${actionOrMenu.label}`
+            }, [
+              !actionOrMenu.subActions ? (vue.openBlock(), vue.createBlock(pBtn, {
+                key: 0,
+                size: "sm",
+                type: "secondary-ghost-dark",
+                onClick: ($event) => _ctx.$emit("click:action", actionOrMenu.name)
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("div", _hoisted_5$4, [
+                    actionOrMenu.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(actionOrMenu.icon), {
+                      key: 0,
+                      class: "h-4 w-4"
+                    })) : vue.createCommentVNode("", true),
+                    vue.createElementVNode("div", null, vue.toDisplayString(actionOrMenu.label), 1)
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["onClick"])) : (vue.openBlock(), vue.createBlock(pDropdown, {
+                key: 1,
+                placement: "top",
+                strategy: "fixed"
+              }, {
+                popper: vue.withCtx(() => [
+                  vue.createElementVNode("div", _hoisted_7$3, [
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(actionOrMenu.subActions, (subaction) => {
+                      return vue.openBlock(), vue.createElementBlock("div", {
+                        key: `subaction-${subaction.name}`
+                      }, [
+                        vue.createVNode(pBtn, {
+                          size: "sm",
+                          class: "w-full",
+                          type: "secondary-ghost-dark",
+                          onClick: ($event) => _ctx.$emit("click:action", subaction.name)
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createElementVNode("div", _hoisted_8$1, [
+                              subaction.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(subaction.icon), {
+                                key: 0,
+                                class: "h-4 w-4"
+                              })) : vue.createCommentVNode("", true),
+                              vue.createElementVNode("div", null, vue.toDisplayString(subaction.label), 1)
+                            ])
+                          ]),
+                          _: 2
+                        }, 1032, ["onClick"])
+                      ]);
+                    }), 128))
+                  ])
+                ]),
+                default: vue.withCtx(() => [
+                  vue.createVNode(pBtn, {
+                    size: "sm",
+                    type: "secondary-ghost-dark"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createElementVNode("div", _hoisted_6$4, [
+                        actionOrMenu.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(actionOrMenu.icon), {
+                          key: 0,
+                          class: "h-4 w-4"
+                        })) : vue.createCommentVNode("", true),
+                        vue.createElementVNode("div", null, vue.toDisplayString(actionOrMenu.label), 1)
+                      ])
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1024))
+            ], 64);
+          }), 128))
+        ])
+      ]);
+    };
+  }
+});
 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);
@@ -927,17 +1032,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 const pTableSort = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
 exports.config = config.config;
-exports.PActionBar = pActionBar_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.PBtn = pBtn;
+exports.PCloseBtn = pCloseBtn;
+exports.PDropdown = pDropdown;
 exports.PAlert = pAlert;
 exports.PAvatar = pAvatar;
-exports.PBtn = pBtn;
 exports.PCard = pCard_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.PCheckbox = pCheckbox_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.PChips = pChips;
-exports.PCloseBtn = pCloseBtn;
 exports.PDatePicker = pDatePicker;
 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;
@@ -1004,6 +1108,7 @@ exports.isVisible = dom.isVisible;
 exports.isObject = object.isObject;
 exports.setupListKeyboardNavigation = listKeyboardNavigation.setupListKeyboardNavigation;
 exports.toNumberOrNull = number.toNumberOrNull;
+exports.PActionBar = _sfc_main$4;
 exports.PFileUpload = pFileUpload;
 exports.PSelectList = _sfc_main$2;
 exports.PTable = pTable;

package/dist/cjs/p-action-bar.js

@@ -1,3 +1 @@
 "use strict";
-const pActionBar_vue_vue_type_script_setup_true_lang = require("./chunks/p-action-bar.js");
-module.exports = pActionBar_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/es/chunks/p-dropdown-select.js

@@ -410,6 +410,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 export {
-  _imports_0 as _,
-  _sfc_main as a
+  _sfc_main as _,
+  _imports_0 as a
 };

package/dist/es/index.js

@@ -1,35 +1,34 @@
 import { config } from "./config.js";
-import { _ } from "./chunks/p-action-bar.js";
+import { defineComponent, openBlock, createElementBlock, createVNode, createElementVNode, toDisplayString, Fragment, renderList, createBlock, withCtx, resolveDynamicComponent, createCommentVNode, shallowRef, ref, computed, onMounted, normalizeClass, unref, withModifiers, createTextVNode, withDirectives, vShow, pushScopeId, popScopeId, useAttrs, resolveDirective, normalizeStyle, isRef, renderSlot, provide, onBeforeUnmount, watch, mergeProps, toHandlers } from "vue";
+import PBtn from "./p-btn.js";
+import PCloseBtn from "./p-close-btn.js";
+import PDropdown from "./p-dropdown.js";
 import { default as default2 } from "./p-alert.js";
 import { default as default3 } from "./p-avatar.js";
-import { default as default4 } from "./p-btn.js";
-import { _ as _2 } from "./chunks/p-card.js";
-import { _ as _3 } from "./chunks/p-checkbox.js";
-import { default as default5 } from "./p-chips.js";
-import { default as default6 } from "./p-close-btn.js";
-import { default as default7 } from "./p-date-picker.js";
-import { default as default8 } from "./p-drawer.js";
-import { default as default9 } from "./p-dropdown.js";
-import { _ as _imports_0$2 } from "./chunks/p-dropdown-select.js";
-import { a } from "./chunks/p-dropdown-select.js";
-import { defineComponent, shallowRef, ref, computed, onMounted, openBlock, createElementBlock, normalizeClass, unref, toDisplayString, createCommentVNode, createElementVNode, withModifiers, createTextVNode, Fragment, renderList, withDirectives, vShow, pushScopeId, popScopeId, useAttrs, resolveDirective, normalizeStyle, createVNode, isRef, renderSlot, provide, onBeforeUnmount, watch, mergeProps, toHandlers } from "vue";
+import { _ } from "./chunks/p-card.js";
+import { _ as _2 } from "./chunks/p-checkbox.js";
+import { default as default4 } from "./p-chips.js";
+import { default as default5 } from "./p-date-picker.js";
+import { default as default6 } from "./p-drawer.js";
+import { a as _imports_0$2 } from "./chunks/p-dropdown-select.js";
+import { _ as _3 } from "./chunks/p-dropdown-select.js";
 import { formatBytes, getFileExtension } from "./p-file-upload.js";
 import { uniq, kebabCase } from "lodash-es";
 import { useInputClasses } from "./useInputClasses.js";
 import { useToast } from "vue-toastification";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
-import { default as default10 } from "./p-table-filter-icon.js";
-import { default as default11 } from "./p-info-icon.js";
-import { default as default12 } from "./p-inline-date-picker.js";
-import { default as default13 } from "./p-input.js";
-import { default as default14 } from "./p-input-number.js";
+import { default as default7 } from "./p-table-filter-icon.js";
+import { default as default8 } from "./p-info-icon.js";
+import { default as default9 } from "./p-inline-date-picker.js";
+import { default as default10 } from "./p-input.js";
+import { default as default11 } from "./p-input-number.js";
 import { _ as _4 } from "./chunks/p-input-percent.js";
 import PInputSearch from "./p-input-search.js";
-import { default as default15 } from "./p-loading.js";
-import { default as default16 } from "./p-modal.js";
+import { default as default12 } from "./p-loading.js";
+import { default as default13 } from "./p-modal.js";
 import { _ as _5 } from "./chunks/p-pagination.js";
 import { _ as _6 } from "./chunks/p-pagination-info.js";
-import { default as default17 } from "./p-progress-bar.js";
+import { default as default14 } from "./p-progress-bar.js";
 import { _ as _7 } from "./chunks/p-ring-loader.js";
 import { _ as _8 } from "./chunks/p-select.js";
 import { _ as _9 } from "./chunks/p-select-btn.js";
@@ -37,22 +36,22 @@ import { SIZES } from "./p-select-list.js";
 import { splitStringForHighlight } from "./text.js";
 import { toString } from "./string.js";
 import { useSelectList } from "./useSelectList.js";
-import { default as default18 } from "./p-select-pill.js";
-import { default as default19 } from "./p-skeleton-loader.js";
+import { default as default15 } from "./p-select-pill.js";
+import { default as default16 } from "./p-skeleton-loader.js";
 import PTableHeaderCell from "./p-table-header-cell.js";
 import { colsInjectionKey, isFirstColFixedInjectionKey, isLastColFixedInjectionKey, isColsResizableInjectionKey } from "./p-table.js";
 import { MIN_WIDTH_COL_RESIZE } from "./p-table.js";
 import { usePTableColResize } from "./usePTableColResize.js";
 import { _ as _10 } from "./chunks/p-table-loader.js";
 import { SORTING_TYPES } from "./p-table-sort.js";
-import { default as default20 } from "./p-table-td.js";
+import { default as default17 } from "./p-table-td.js";
 import { _ as _11 } from "./chunks/p-tabs.js";
-import { default as default21 } from "./p-textarea.js";
-import { default as default22 } from "./p-toggle.js";
+import { default as default18 } from "./p-textarea.js";
+import { default as default19 } from "./p-toggle.js";
 import { usePLoading } from "./usePLoading.js";
 import { usePModal } from "./usePModal.js";
 import { usePTableRowVirtualizer } from "./usePTableRowVirtualizer.js";
-import { default as default23 } from "./inputClassesMixin.js";
+import { default as default20 } from "./inputClassesMixin.js";
 import { CURRENCY_INPUT_DEFAULTS } from "./currency.js";
 import { getColor, getColorDeep, getScreen } from "./tailwind.js";
 import { ERROR_MSG, INPUT_BASE, INPUT_ERROR, INPUT_NORMAL, INPUT_SIZES, LABEL_BASE, LABEL_REQUIRED, LABEL_SIZES, SELECT_ARROW, SELECT_BASE, SELECT_SIZES, SPACING_LEFT, SPACING_PREFIX, SPACING_RIGHT, SPACING_SUFFIX, TEXTAREA_BASE } from "./inputClassesShared.js";
@@ -61,6 +60,112 @@ import { getNextActiveElement, isElement, isVisible } from "./dom.js";
 import { isObject } from "./object.js";
 import { setupListKeyboardNavigation } from "./listKeyboardNavigation.js";
 import { toNumberOrNull } from "./number.js";
+const _hoisted_1$4 = {
+  class: "fixed bottom-6 left-1/2 flex h-12 -translate-x-1/2 select-none flex-row items-center rounded-lg bg-p-purple-60 px-2 text-sm font-medium text-white",
+  role: "alertdialog"
+};
+const _hoisted_2$4 = { class: "px-3" };
+const _hoisted_3$4 = /* @__PURE__ */ createElementVNode("div", { class: "mx-4 h-9 w-0.5 rounded bg-p-purple-50" }, null, -1);
+const _hoisted_4$4 = { class: "flex" };
+const _hoisted_5$4 = { class: "flex items-center gap-2 px-1 py-0.5" };
+const _hoisted_6$4 = { class: "flex items-center gap-2 px-1 py-0.5" };
+const _hoisted_7$3 = { class: "flex flex-col bg-p-purple-60" };
+const _hoisted_8$1 = { class: "flex items-center gap-2 px-1 py-0.5" };
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "p-action-bar",
+  props: {
+    label: {},
+    actions: {}
+  },
+  emits: ["click:dismiss", "click:action"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [
+        createVNode(PCloseBtn, {
+          variant: "dark",
+          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click:dismiss"))
+        }),
+        createElementVNode("p", _hoisted_2$4, toDisplayString(_ctx.label), 1),
+        _hoisted_3$4,
+        createElementVNode("div", _hoisted_4$4, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.actions, (actionOrMenu) => {
+            return openBlock(), createElementBlock(Fragment, {
+              key: `action-${actionOrMenu.label}`
+            }, [
+              !actionOrMenu.subActions ? (openBlock(), createBlock(PBtn, {
+                key: 0,
+                size: "sm",
+                type: "secondary-ghost-dark",
+                onClick: ($event) => _ctx.$emit("click:action", actionOrMenu.name)
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_5$4, [
+                    actionOrMenu.icon ? (openBlock(), createBlock(resolveDynamicComponent(actionOrMenu.icon), {
+                      key: 0,
+                      class: "h-4 w-4"
+                    })) : createCommentVNode("", true),
+                    createElementVNode("div", null, toDisplayString(actionOrMenu.label), 1)
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["onClick"])) : (openBlock(), createBlock(PDropdown, {
+                key: 1,
+                placement: "top",
+                strategy: "fixed"
+              }, {
+                popper: withCtx(() => [
+                  createElementVNode("div", _hoisted_7$3, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(actionOrMenu.subActions, (subaction) => {
+                      return openBlock(), createElementBlock("div", {
+                        key: `subaction-${subaction.name}`
+                      }, [
+                        createVNode(PBtn, {
+                          size: "sm",
+                          class: "w-full",
+                          type: "secondary-ghost-dark",
+                          onClick: ($event) => _ctx.$emit("click:action", subaction.name)
+                        }, {
+                          default: withCtx(() => [
+                            createElementVNode("div", _hoisted_8$1, [
+                              subaction.icon ? (openBlock(), createBlock(resolveDynamicComponent(subaction.icon), {
+                                key: 0,
+                                class: "h-4 w-4"
+                              })) : createCommentVNode("", true),
+                              createElementVNode("div", null, toDisplayString(subaction.label), 1)
+                            ])
+                          ]),
+                          _: 2
+                        }, 1032, ["onClick"])
+                      ]);
+                    }), 128))
+                  ])
+                ]),
+                default: withCtx(() => [
+                  createVNode(PBtn, {
+                    size: "sm",
+                    type: "secondary-ghost-dark"
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("div", _hoisted_6$4, [
+                        actionOrMenu.icon ? (openBlock(), createBlock(resolveDynamicComponent(actionOrMenu.icon), {
+                          key: 0,
+                          class: "h-4 w-4"
+                        })) : createCommentVNode("", true),
+                        createElementVNode("div", null, toDisplayString(actionOrMenu.label), 1)
+                      ])
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1024))
+            ], 64);
+          }), 128))
+        ])
+      ]);
+    };
+  }
+});
 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) => (pushScopeId("data-v-d07a8f64"), n = n(), popScopeId(), n);
@@ -937,45 +1042,45 @@ export {
   LABEL_REQUIRED,
   LABEL_SIZES,
   MIN_WIDTH_COL_RESIZE,
-  _ as PActionBar,
+  _sfc_main$4 as PActionBar,
   default2 as PAlert,
   default3 as PAvatar,
-  default4 as PBtn,
-  _2 as PCard,
-  _3 as PCheckbox,
-  default5 as PChips,
-  default6 as PCloseBtn,
-  default7 as PDatePicker,
-  default8 as PDrawer,
-  default9 as PDropdown,
-  a as PDropdownSelect,
+  PBtn,
+  _ as PCard,
+  _2 as PCheckbox,
+  default4 as PChips,
+  PCloseBtn,
+  default5 as PDatePicker,
+  default6 as PDrawer,
+  PDropdown,
+  _3 as PDropdownSelect,
   pFileUpload as PFileUpload,
-  default10 as PFilterIcon,
-  default11 as PInfoIcon,
-  default12 as PInlineDatePicker,
-  default13 as PInput,
-  default14 as PInputNumber,
+  default7 as PFilterIcon,
+  default8 as PInfoIcon,
+  default9 as PInlineDatePicker,
+  default10 as PInput,
+  default11 as PInputNumber,
   _4 as PInputPercent,
   PInputSearch,
-  default15 as PLoading,
-  default16 as PModal,
+  default12 as PLoading,
+  default13 as PModal,
   _5 as PPagination,
   _6 as PPaginationInfo,
-  default17 as PProgressBar,
+  default14 as PProgressBar,
   _7 as PRingLoader,
   _8 as PSelect,
   _9 as PSelectBtn,
   _sfc_main$2 as PSelectList,
-  default18 as PSelectPill,
-  default19 as PSkeletonLoader,
+  default15 as PSelectPill,
+  default16 as PSkeletonLoader,
   pTable as PTable,
   PTableHeaderCell,
   _10 as PTableLoader,
   pTableSort as PTableSort,
-  default20 as PTableTd,
+  default17 as PTableTd,
   _11 as PTabs,
-  default21 as PTextarea,
-  default22 as PToggle,
+  default18 as PTextarea,
+  default19 as PToggle,
   SELECT_ARROW,
   SELECT_BASE,
   SELECT_SIZES,
@@ -992,7 +1097,7 @@ export {
   getColorDeep,
   getNextActiveElement,
   getScreen,
-  default23 as inputClassesMixin,
+  default20 as inputClassesMixin,
   isColsResizableInjectionKey,
   isElement,
   isFirstColFixedInjectionKey,

package/dist/es/p-action-bar.js

@@ -1,4 +1 @@
-import { _ as _sfc_main } from "./chunks/p-action-bar.js";
-export {
-  _sfc_main as default
-};
+

package/dist/es/p-dropdown-select.js

@@ -1,4 +1,4 @@
-import { a as _sfc_main } from "./chunks/p-dropdown-select.js";
+import { _ as _sfc_main } from "./chunks/p-dropdown-select.js";
 export {
   _sfc_main as default
 };

package/dist/squirrel/components/index.d.ts

@@ -39,6 +39,7 @@ import PTextarea from './p-textarea/p-textarea.vue';
 import PToggle from './p-toggle/p-toggle.vue';
 import { type FileUploadFile } from './p-file-upload/p-file-upload.types';
 import { type HeaderCellAttrs, MIN_WIDTH_COL_RESIZE, type TableCol, type ThAttrs, colsInjectionKey, isColsResizableInjectionKey, isFirstColFixedInjectionKey, isLastColFixedInjectionKey } from './p-table/p-table.types';
+import { type PActionBarAction } from './p-action-bar/p-action-bar.types';
 import { SORTING_TYPES, type SortingType, type SortingTypeWithoutNoSorting } from './p-table-sort/p-table-sort.config';
 import { type Size } from './p-btn/p-btn.types';
 import { usePLoading } from './p-loading/usePLoading';
@@ -46,4 +47,4 @@ import { usePModal } from './p-modal/usePModal';
 import { usePTableColResize } from './p-table/usePTableColResize';
 import { usePTableRowVirtualizer } from './p-table/usePTableRowVirtualizer';
 import { useSelectList } from './p-select-list/useSelectList';
-export { PActionBar, PAlert, PAvatar, PBtn, PCard, PCheckbox, PChips, PCloseBtn, PDatePicker, PDrawer, PDropdown, PDropdownSelect, PFileUpload, PFilterIcon, PInfoIcon, PInlineDatePicker, PInput, PInputNumber, PInputPercent, PInputSearch, PLoading, PModal, PPagination, PPaginationInfo, PProgressBar, PRingLoader, PSelect, PSelectBtn, PSelectList, PSelectPill, PSkeletonLoader, PTable, PTableHeaderCell, PTableLoader, PTableSort, PTableTd, PTabs, PTextarea, PToggle, SORTING_TYPES, MIN_WIDTH_COL_RESIZE, colsInjectionKey, isColsResizableInjectionKey, isFirstColFixedInjectionKey, isLastColFixedInjectionKey, usePModal, usePTableColResize, usePTableRowVirtualizer, useSelectList, usePLoading, SortingType, SortingTypeWithoutNoSorting, Size, FileUploadFile, HeaderCellAttrs, TableCol, ThAttrs, };
+export { PActionBar, PActionBarAction, PAlert, PAvatar, PBtn, PCard, PCheckbox, PChips, PCloseBtn, PDatePicker, PDrawer, PDropdown, PDropdownSelect, PFileUpload, PFilterIcon, PInfoIcon, PInlineDatePicker, PInput, PInputNumber, PInputPercent, PInputSearch, PLoading, PModal, PPagination, PPaginationInfo, PProgressBar, PRingLoader, PSelect, PSelectBtn, PSelectList, PSelectPill, PSkeletonLoader, PTable, PTableHeaderCell, PTableLoader, PTableSort, PTableTd, PTabs, PTextarea, PToggle, SORTING_TYPES, MIN_WIDTH_COL_RESIZE, colsInjectionKey, isColsResizableInjectionKey, isFirstColFixedInjectionKey, isLastColFixedInjectionKey, usePModal, usePTableColResize, usePTableRowVirtualizer, useSelectList, usePLoading, SortingType, SortingTypeWithoutNoSorting, Size, FileUploadFile, HeaderCellAttrs, TableCol, ThAttrs, };

package/dist/squirrel/components/p-action-bar/p-action-bar.types.d.ts

@@ -0,0 +1,10 @@
+export type PActionBarAction = {
+    name?: string;
+    label: string;
+    icon?: string;
+    subActions?: {
+        name: string;
+        label: string;
+        icon?: string;
+    }[];
+};

package/dist/squirrel/components/p-action-bar/p-action-bar.vue.d.ts

@@ -1,35 +1,23 @@
-import { type PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<{
-    label: {
-        type: StringConstructor;
-        required: true;
-    };
-    actions: {
-        type: PropType<{
-            name: string;
-            label: string;
-            icon?: string | undefined;
-        }[]>;
-        required: true;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "click:dismiss": (...args: any[]) => void;
-    "click:action": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    label: {
-        type: StringConstructor;
-        required: true;
-    };
-    actions: {
-        type: PropType<{
-            name: string;
-            label: string;
-            icon?: string | undefined;
-        }[]>;
-        required: true;
-    };
-}>> & {
-    "onClick:dismiss"?: ((...args: any[]) => any) | undefined;
-    "onClick:action"?: ((...args: any[]) => any) | undefined;
+import { type PActionBarAction } from './p-action-bar.types';
+type Props = {
+    label: string;
+    actions: PActionBarAction[];
+};
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "click:dismiss": () => void;
+    "click:action": (value: string | undefined) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<Props>>> & {
+    "onClick:dismiss"?: (() => any) | undefined;
+    "onClick:action"?: ((value: string | undefined) => any) | undefined;
 }, {}, {}>;
 export default _default;
+
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/squirrel/components/p-input-number/p-input-number.vue.d.ts

@@ -79,7 +79,7 @@ declare const _default: import("vue").DefineComponent<{
     rounded: boolean;
     required: boolean;
     errorMsg: string;
-}, {}>, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}>, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: PropType<string | number | null | undefined>;
         default: null;

package/dist/squirrel/index.d.ts

@@ -1,4 +1,4 @@
-import '@squirrel/assets/squirrel.css';
+import './assets/squirrel.css';
 export * from './tailwind/config';
 export * from './components';
 export * from './composables';

package/dist/style.css

@@ -1,14 +1,48 @@
 
+.shadow-inner-toggle[data-v-3a6de4eb]::after {
+  box-shadow:
+    rgba(0, 0, 0, 0.3) 0px 1px 2px 0px,
+    rgba(0, 0, 0, 0.05) 0px 0px 1px 0px inset;
+}
+.td-shadow-right[data-v-09e6d191] {
+  box-shadow: -1px 1px 5px 4px rgba(0, 0, 0, 0.15);
+  clip-path: inset(0px -12px 0px 0px);
+}
+.td-shadow-left[data-v-09e6d191] {
+  box-shadow: -2px 1px 8px rgba(0, 0, 0, 0.15);
+  clip-path: inset(0px 0px 0px -12px);
+}
+.td-col-fixed-border-b[data-v-09e6d191]::after {
+  position: absolute;
+  bottom: 0px;
+  left: 0px;
+  height: 1px;
+  width: 100%;
+  background-color: var(--color-p-gray-30);
+  --tw-content: "";
+  content: var(--tw-content);
+}.filter[data-v-cbac2434] {
+  background: url("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='M15.5%206.73H4.5C4.36739%206.73%204.24021%206.67732%204.14645%206.58355C4.05268%206.48978%204%206.3626%204%206.23C4%206.09739%204.05268%205.97021%204.14645%205.87644C4.24021%205.78267%204.36739%205.73%204.5%205.73H15.5C15.6326%205.73%2015.7598%205.78267%2015.8536%205.87644C15.9473%205.97021%2016%206.09739%2016%206.23C16%206.3626%2015.9473%206.48978%2015.8536%206.58355C15.7598%206.67732%2015.6326%206.73%2015.5%206.73Z'%20fill='%23424E6E'/%3e%3cpath%20d='M14.33%209.245H5.67C5.53739%209.245%205.41021%209.19232%205.31644%209.09855C5.22268%209.00478%205.17%208.8776%205.17%208.745C5.17%208.61239%205.22268%208.48521%205.31644%208.39144C5.41021%208.29767%205.53739%208.245%205.67%208.245H14.33C14.4626%208.245%2014.5898%208.29767%2014.6836%208.39144C14.7773%208.48521%2014.83%208.61239%2014.83%208.745C14.83%208.8776%2014.7773%209.00478%2014.6836%209.09855C14.5898%209.19232%2014.4626%209.245%2014.33%209.245Z'%20fill='%23424E6E'/%3e%3cpath%20d='M11.605%2014.27H8.395C8.2624%2014.27%208.13522%2014.2173%208.04145%2014.1235C7.94768%2014.0298%207.895%2013.9026%207.895%2013.77C7.895%2013.6374%207.94768%2013.5102%208.04145%2013.4164C8.13522%2013.3227%208.2624%2013.27%208.395%2013.27H11.605C11.7376%2013.27%2011.8648%2013.3227%2011.9586%2013.4164C12.0523%2013.5102%2012.105%2013.6374%2012.105%2013.77C12.105%2013.9026%2012.0523%2014.0298%2011.9586%2014.1235C11.8648%2014.2173%2011.7376%2014.27%2011.605%2014.27Z'%20fill='%23424E6E'/%3e%3cpath%20d='M13.155%2011.755H6.845C6.71239%2011.755%206.58522%2011.7023%206.49145%2011.6085C6.39768%2011.5148%206.345%2011.3876%206.345%2011.255C6.345%2011.1224%206.39768%2010.9952%206.49145%2010.9014C6.58522%2010.8077%206.71239%2010.755%206.845%2010.755H13.155C13.2876%2010.755%2013.4148%2010.8077%2013.5086%2010.9014C13.6023%2010.9952%2013.655%2011.1224%2013.655%2011.255C13.655%2011.3876%2013.6023%2011.5148%2013.5086%2011.6085C13.4148%2011.7023%2013.2876%2011.755%2013.155%2011.755Z'%20fill='%23424E6E'/%3e%3c/svg%3e") no-repeat;
+}
+.filter[data-v-cbac2434]:hover {
+  background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='20'%20height='20'%20rx='4'%20fill='black'%20fill-opacity='0.05'/%3e%3cpath%20d='M15.5%206.73001H4.5C4.36739%206.73001%204.24021%206.67733%204.14645%206.58356C4.05268%206.4898%204%206.36262%204%206.23001C4%206.0974%204.05268%205.97023%204.14645%205.87646C4.24021%205.78269%204.36739%205.73001%204.5%205.73001H15.5C15.6326%205.73001%2015.7598%205.78269%2015.8536%205.87646C15.9473%205.97023%2016%206.0974%2016%206.23001C16%206.36262%2015.9473%206.4898%2015.8536%206.58356C15.7598%206.67733%2015.6326%206.73001%2015.5%206.73001Z'%20fill='%23424E6E'/%3e%3cpath%20d='M14.33%209.24503H5.67C5.53739%209.24503%205.41021%209.19235%205.31644%209.09858C5.22268%209.00481%205.17%208.87763%205.17%208.74503C5.17%208.61242%205.22268%208.48524%205.31644%208.39147C5.41021%208.2977%205.53739%208.24503%205.67%208.24503H14.33C14.4626%208.24503%2014.5898%208.2977%2014.6836%208.39147C14.7773%208.48524%2014.83%208.61242%2014.83%208.74503C14.83%208.87763%2014.7773%209.00481%2014.6836%209.09858C14.5898%209.19235%2014.4626%209.24503%2014.33%209.24503Z'%20fill='%23424E6E'/%3e%3cpath%20d='M11.605%2014.27H8.395C8.2624%2014.27%208.13522%2014.2173%208.04145%2014.1236C7.94768%2014.0298%207.895%2013.9026%207.895%2013.77C7.895%2013.6374%207.94768%2013.5102%208.04145%2013.4165C8.13522%2013.3227%208.2624%2013.27%208.395%2013.27H11.605C11.7376%2013.27%2011.8648%2013.3227%2011.9586%2013.4165C12.0523%2013.5102%2012.105%2013.6374%2012.105%2013.77C12.105%2013.9026%2012.0523%2014.0298%2011.9586%2014.1236C11.8648%2014.2173%2011.7376%2014.27%2011.605%2014.27Z'%20fill='%23424E6E'/%3e%3cpath%20d='M13.155%2011.755H6.845C6.71239%2011.755%206.58522%2011.7023%206.49145%2011.6086C6.39768%2011.5148%206.345%2011.3876%206.345%2011.255C6.345%2011.1224%206.39768%2010.9952%206.49145%2010.9015C6.58522%2010.8077%206.71239%2010.755%206.845%2010.755H13.155C13.2876%2010.755%2013.4148%2010.8077%2013.5086%2010.9015C13.6023%2010.9952%2013.655%2011.1224%2013.655%2011.255C13.655%2011.3876%2013.6023%2011.5148%2013.5086%2011.6086C13.4148%2011.7023%2013.2876%2011.755%2013.155%2011.755Z'%20fill='%23424E6E'/%3e%3c/svg%3e") no-repeat;
+}
+.filter.active[data-v-cbac2434] {
+  background: url("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='M15.5%206.72998H4.5C4.36739%206.72998%204.24021%206.6773%204.14645%206.58353C4.05268%206.48977%204%206.36259%204%206.22998C4%206.09737%204.05268%205.9702%204.14645%205.87643C4.24021%205.78266%204.36739%205.72998%204.5%205.72998H15.5C15.6326%205.72998%2015.7598%205.78266%2015.8536%205.87643C15.9473%205.9702%2016%206.09737%2016%206.22998C16%206.36259%2015.9473%206.48977%2015.8536%206.58353C15.7598%206.6773%2015.6326%206.72998%2015.5%206.72998Z'%20fill='%230F45AF'/%3e%3cpath%20d='M14.33%209.245H5.67C5.53739%209.245%205.41021%209.19232%205.31644%209.09855C5.22268%209.00478%205.17%208.8776%205.17%208.745C5.17%208.61239%205.22268%208.48521%205.31644%208.39144C5.41021%208.29767%205.53739%208.245%205.67%208.245H14.33C14.4626%208.245%2014.5898%208.29767%2014.6836%208.39144C14.7773%208.48521%2014.83%208.61239%2014.83%208.745C14.83%208.8776%2014.7773%209.00478%2014.6836%209.09855C14.5898%209.19232%2014.4626%209.245%2014.33%209.245Z'%20fill='%230F45AF'/%3e%3cpath%20d='M11.605%2014.27H8.395C8.2624%2014.27%208.13522%2014.2173%208.04145%2014.1235C7.94768%2014.0297%207.895%2013.9026%207.895%2013.77C7.895%2013.6374%207.94768%2013.5102%208.04145%2013.4164C8.13522%2013.3226%208.2624%2013.27%208.395%2013.27H11.605C11.7376%2013.27%2011.8648%2013.3226%2011.9586%2013.4164C12.0523%2013.5102%2012.105%2013.6374%2012.105%2013.77C12.105%2013.9026%2012.0523%2014.0297%2011.9586%2014.1235C11.8648%2014.2173%2011.7376%2014.27%2011.605%2014.27Z'%20fill='%230F45AF'/%3e%3cpath%20d='M13.155%2011.755H6.845C6.71239%2011.755%206.58522%2011.7023%206.49145%2011.6086C6.39768%2011.5148%206.345%2011.3876%206.345%2011.255C6.345%2011.1224%206.39768%2010.9952%206.49145%2010.9015C6.58522%2010.8077%206.71239%2010.755%206.845%2010.755H13.155C13.2876%2010.755%2013.4148%2010.8077%2013.5086%2010.9015C13.6023%2010.9952%2013.655%2011.1224%2013.655%2011.255C13.655%2011.3876%2013.6023%2011.5148%2013.5086%2011.6086C13.4148%2011.7023%2013.2876%2011.755%2013.155%2011.755Z'%20fill='%230F45AF'/%3e%3c/svg%3e") no-repeat;
+}
+.filter.active[data-v-cbac2434]:hover {
+  background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='20'%20height='20'%20rx='4'%20fill='black'%20fill-opacity='0.05'/%3e%3cpath%20d='M15.5%206.72998H4.5C4.36739%206.72998%204.24021%206.6773%204.14645%206.58353C4.05268%206.48977%204%206.36259%204%206.22998C4%206.09737%204.05268%205.9702%204.14645%205.87643C4.24021%205.78266%204.36739%205.72998%204.5%205.72998H15.5C15.6326%205.72998%2015.7598%205.78266%2015.8536%205.87643C15.9473%205.9702%2016%206.09737%2016%206.22998C16%206.36259%2015.9473%206.48977%2015.8536%206.58353C15.7598%206.6773%2015.6326%206.72998%2015.5%206.72998Z'%20fill='%230F45AF'/%3e%3cpath%20d='M14.33%209.245H5.67C5.53739%209.245%205.41021%209.19232%205.31644%209.09855C5.22268%209.00478%205.17%208.8776%205.17%208.745C5.17%208.61239%205.22268%208.48521%205.31644%208.39144C5.41021%208.29767%205.53739%208.245%205.67%208.245H14.33C14.4626%208.245%2014.5898%208.29767%2014.6836%208.39144C14.7773%208.48521%2014.83%208.61239%2014.83%208.745C14.83%208.8776%2014.7773%209.00478%2014.6836%209.09855C14.5898%209.19232%2014.4626%209.245%2014.33%209.245Z'%20fill='%230F45AF'/%3e%3cpath%20d='M11.605%2014.27H8.395C8.2624%2014.27%208.13522%2014.2173%208.04145%2014.1235C7.94768%2014.0297%207.895%2013.9026%207.895%2013.77C7.895%2013.6374%207.94768%2013.5102%208.04145%2013.4164C8.13522%2013.3226%208.2624%2013.27%208.395%2013.27H11.605C11.7376%2013.27%2011.8648%2013.3226%2011.9586%2013.4164C12.0523%2013.5102%2012.105%2013.6374%2012.105%2013.77C12.105%2013.9026%2012.0523%2014.0297%2011.9586%2014.1235C11.8648%2014.2173%2011.7376%2014.27%2011.605%2014.27Z'%20fill='%230F45AF'/%3e%3cpath%20d='M13.155%2011.755H6.845C6.71239%2011.755%206.58522%2011.7023%206.49145%2011.6086C6.39768%2011.5148%206.345%2011.3876%206.345%2011.255C6.345%2011.1224%206.39768%2010.9952%206.49145%2010.9015C6.58522%2010.8077%206.71239%2010.755%206.845%2010.755H13.155C13.2876%2010.755%2013.4148%2010.8077%2013.5086%2010.9015C13.6023%2010.9952%2013.655%2011.1224%2013.655%2011.255C13.655%2011.3876%2013.6023%2011.5148%2013.5086%2011.6086C13.4148%2011.7023%2013.2876%2011.755%2013.155%2011.755Z'%20fill='%230F45AF'/%3e%3c/svg%3e") no-repeat;
+}
+.bg-cross[data-v-cb511035] {
+  background-image: url("data:image/svg+xml,%3csvg%20width='6'%20height='6'%20viewBox='0%200%206%206'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2511_8629)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3%203.51667L5.42083%205.9375L5.9375%205.42083L3.51667%203L5.9375%200.57917L5.42083%200.0625L3%202.48333L0.57917%200.0625L0.0625%200.57917L2.48333%203L0.0625%205.42083L0.57917%205.9375L3%203.51667Z'%20fill='%231A123B'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2511_8629'%3e%3crect%20width='6'%20height='6'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
+}
+
 .x-black-icon[data-v-f61993bb] {
   background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Remove'%20clip-path='url(%23clip0_3453_5756)'%3e%3cpath%20id='Vector'%20d='M0.219996%2010.72C0.149851%2010.7893%200.0941591%2010.8718%200.0561487%2010.9628C0.0181382%2011.0537%20-0.00143433%2011.1514%20-0.00143433%2011.25C-0.00143433%2011.3486%200.0181382%2011.4462%200.0561487%2011.5372C0.0941591%2011.6281%200.149851%2011.7107%200.219996%2011.78C0.360622%2011.9204%200.551246%2011.9993%200.749996%2011.9993C0.948747%2011.9993%201.13937%2011.9204%201.28%2011.78L5.91%207.14997C5.92166%207.13787%205.93564%207.12825%205.9511%207.12168C5.96656%207.1151%205.98319%207.11172%206%207.11172C6.0168%207.11172%206.03343%207.1151%206.04889%207.12168C6.06436%207.12825%206.07834%207.13787%206.09%207.14997L10.72%2011.78C10.8606%2011.9204%2011.0512%2011.9993%2011.25%2011.9993C11.4487%2011.9993%2011.6394%2011.9204%2011.78%2011.78C11.8501%2011.7107%2011.9058%2011.6281%2011.9438%2011.5372C11.9819%2011.4462%2012.0014%2011.3486%2012.0014%2011.25C12.0014%2011.1514%2011.9819%2011.0537%2011.9438%2010.9628C11.9058%2010.8718%2011.8501%2010.7893%2011.78%2010.72L7.15%206.08997C7.1379%206.07831%207.12828%206.06433%207.1217%206.04886C7.11513%206.0334%207.11174%206.01677%207.11174%205.99997C7.11174%205.98317%207.11513%205.96654%207.1217%205.95107C7.12828%205.93561%207.1379%205.92163%207.15%205.90997L11.78%201.27997C11.9125%201.13779%2011.9846%200.949747%2011.9812%200.755446C11.9777%200.561145%2011.899%200.37576%2011.7616%200.238347C11.6242%200.100934%2011.4388%200.0222218%2011.2445%200.0187936C11.0502%200.0153654%2010.8622%200.0874886%2010.72%200.219969L6.09%204.84997C6.07834%204.86207%206.06436%204.87169%206.04889%204.87826C6.03343%204.88483%206.0168%204.88822%206%204.88822C5.98319%204.88822%205.96656%204.88483%205.9511%204.87826C5.93564%204.87169%205.92166%204.86207%205.91%204.84997L1.28%200.219969C1.13782%200.0874886%200.949775%200.0153654%200.755474%200.0187936C0.561173%200.0222218%200.375787%200.100934%200.238374%200.238347C0.100961%200.37576%200.0222494%200.561145%200.0188212%200.755446C0.015393%200.949747%200.0875162%201.13779%200.219996%201.27997L4.85%205.90997C4.86209%205.92163%204.87172%205.93561%204.87829%205.95107C4.88486%205.96654%204.88825%205.98317%204.88825%205.99997C4.88825%206.01677%204.88486%206.0334%204.87829%206.04886C4.87172%206.06433%204.86209%206.07831%204.85%206.08997L0.219996%2010.72Z'%20fill='%231A123B'%20/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3453_5756'%3e%3crect%20width='12'%20height='12'%20fill='white'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
 }
 .x-white-icon[data-v-f61993bb] {
   background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Remove'%20clip-path='url(%23clip0_3453_5756)'%3e%3cpath%20id='Vector'%20d='M0.219996%2010.72C0.149851%2010.7893%200.0941591%2010.8718%200.0561487%2010.9628C0.0181382%2011.0537%20-0.00143433%2011.1514%20-0.00143433%2011.25C-0.00143433%2011.3486%200.0181382%2011.4462%200.0561487%2011.5372C0.0941591%2011.6281%200.149851%2011.7107%200.219996%2011.78C0.360622%2011.9204%200.551246%2011.9993%200.749996%2011.9993C0.948747%2011.9993%201.13937%2011.9204%201.28%2011.78L5.91%207.14997C5.92166%207.13787%205.93564%207.12825%205.9511%207.12168C5.96656%207.1151%205.98319%207.11172%206%207.11172C6.0168%207.11172%206.03343%207.1151%206.04889%207.12168C6.06436%207.12825%206.07834%207.13787%206.09%207.14997L10.72%2011.78C10.8606%2011.9204%2011.0512%2011.9993%2011.25%2011.9993C11.4487%2011.9993%2011.6394%2011.9204%2011.78%2011.78C11.8501%2011.7107%2011.9058%2011.6281%2011.9438%2011.5372C11.9819%2011.4462%2012.0014%2011.3486%2012.0014%2011.25C12.0014%2011.1514%2011.9819%2011.0537%2011.9438%2010.9628C11.9058%2010.8718%2011.8501%2010.7893%2011.78%2010.72L7.15%206.08997C7.1379%206.07831%207.12828%206.06433%207.1217%206.04886C7.11513%206.0334%207.11174%206.01677%207.11174%205.99997C7.11174%205.98317%207.11513%205.96654%207.1217%205.95107C7.12828%205.93561%207.1379%205.92163%207.15%205.90997L11.78%201.27997C11.9125%201.13779%2011.9846%200.949747%2011.9812%200.755446C11.9777%200.561145%2011.899%200.37576%2011.7616%200.238347C11.6242%200.100934%2011.4388%200.0222218%2011.2445%200.0187936C11.0502%200.0153654%2010.8622%200.0874886%2010.72%200.219969L6.09%204.84997C6.07834%204.86207%206.06436%204.87169%206.04889%204.87826C6.03343%204.88483%206.0168%204.88822%206%204.88822C5.98319%204.88822%205.96656%204.88483%205.9511%204.87826C5.93564%204.87169%205.92166%204.86207%205.91%204.84997L1.28%200.219969C1.13782%200.0874886%200.949775%200.0153654%200.755474%200.0187936C0.561173%200.0222218%200.375787%200.100934%200.238374%200.238347C0.100961%200.37576%200.0222494%200.561145%200.0188212%200.755446C0.015393%200.949747%200.0875162%201.13779%200.219996%201.27997L4.85%205.90997C4.86209%205.92163%204.87172%205.93561%204.87829%205.95107C4.88486%205.96654%204.88825%205.98317%204.88825%205.99997C4.88825%206.01677%204.88486%206.0334%204.87829%206.04886C4.87172%206.06433%204.86209%206.07831%204.85%206.08997L0.219996%2010.72Z'%20fill='%23FFFFFF'%20/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3453_5756'%3e%3crect%20width='12'%20height='12'%20fill='white'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
 }
-
-.bg-cross[data-v-cb511035] {
-  background-image: url("data:image/svg+xml,%3csvg%20width='6'%20height='6'%20viewBox='0%200%206%206'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2511_8629)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3%203.51667L5.42083%205.9375L5.9375%205.42083L3.51667%203L5.9375%200.57917L5.42083%200.0625L3%202.48333L0.57917%200.0625L0.0625%200.57917L2.48333%203L0.0625%205.42083L0.57917%205.9375L3%203.51667Z'%20fill='%231A123B'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2511_8629'%3e%3crect%20width='6'%20height='6'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
-}
 .drawer[data-v-f474eec2] {
   position: fixed;
   bottom: 0px;
@@ -255,7 +289,11 @@ div[id^=popper_].dropdown .v-popper__inner .dropdown-menu .dropdown-divider {
     border-color: var(--color-p-gray-30);
 
     opacity: 1
-}.icon.clear[data-v-7a1e1e82] {
+}
+.bg-info-circle-icon[data-v-189b159e] {
+  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_4002_33291)'%3e%3cpath%20d='M0.5%206C0.5%207.45869%201.07946%208.85764%202.11091%209.88909C3.14236%2010.9205%204.54131%2011.5%206%2011.5C7.45869%2011.5%208.85764%2010.9205%209.88909%209.88909C10.9205%208.85764%2011.5%207.45869%2011.5%206C11.5%204.54131%2010.9205%203.14236%209.88909%202.11091C8.85764%201.07946%207.45869%200.5%206%200.5C4.54131%200.5%203.14236%201.07946%202.11091%202.11091C1.07946%203.14236%200.5%204.54131%200.5%206Z'%20stroke='%231A123B'%20stroke-miterlimit='10'/%3e%3cpath%20d='M6.5%203.5H5.5V2.5H6.5V3.5Z'%20fill='%231A123B'/%3e%3cpath%20d='M4.5%205H6V9M4.5%208.5H7.5'%20stroke='%231A123B'%20stroke-miterlimit='10'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4002_33291'%3e%3crect%20width='12'%20height='12'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
+}
+.icon.clear[data-v-7a1e1e82] {
   background-image: url("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_1634_880)'%3e%3cpath%20d='M16%208C16%206.41775%2015.5308%204.87104%2014.6518%203.55544C13.7727%202.23985%2012.5233%201.21447%2011.0615%200.608967C9.59966%200.00346629%207.99113%20-0.15496%206.43928%200.153721C4.88743%200.462403%203.46197%201.22433%202.34315%202.34315C1.22433%203.46197%200.462403%204.88743%200.153721%206.43928C-0.15496%207.99113%200.00346629%209.59966%200.608967%2011.0615C1.21447%2012.5233%202.23985%2013.7727%203.55544%2014.6518C4.87104%2015.5308%206.41775%2016%208%2016C10.1217%2016%2012.1566%2015.1571%2013.6569%2013.6569C15.1571%2012.1566%2016%2010.1217%2016%208ZM11.14%2010.1867C11.2642%2010.3116%2011.3339%2010.4805%2011.3339%2010.6567C11.3339%2010.8328%2011.2642%2011.0018%2011.14%2011.1267C11.078%2011.1892%2011.0043%2011.2388%2010.9231%2011.2726C10.8418%2011.3064%2010.7547%2011.3239%2010.6667%2011.3239C10.5787%2011.3239%2010.4915%2011.3064%2010.4103%2011.2726C10.329%2011.2388%2010.2553%2011.1892%2010.1933%2011.1267L8.12%209.05334C8.08809%209.02429%208.04649%209.0082%208.00334%209.0082C7.96019%209.0082%207.91858%209.02429%207.88667%209.05334L5.81334%2011.1267C5.6858%2011.2359%205.52175%2011.293%205.35397%2011.2865C5.18618%2011.28%205.02702%2011.2104%204.90829%2011.0917C4.78957%2010.973%204.72001%2010.8138%204.71353%2010.646C4.70705%2010.4783%204.76412%2010.3142%204.87334%2010.1867L6.94667%208.11334C6.97572%208.08142%206.99181%208.03982%206.99181%207.99667C6.99181%207.95352%206.97572%207.91192%206.94667%207.88L4.87334%205.80667C4.81085%205.7447%204.76126%205.67096%204.72741%205.58972C4.69356%205.50848%204.67614%205.42135%204.67614%205.33334C4.67614%205.24533%204.69356%205.15819%204.72741%205.07695C4.76126%204.99571%204.81085%204.92198%204.87334%204.86C4.99825%204.73584%205.16721%204.66614%205.34334%204.66614C5.51946%204.66614%205.68843%204.73584%205.81334%204.86L7.88667%206.93334C7.90163%206.94928%207.91971%206.96199%207.93977%206.97068C7.95984%206.97936%207.98147%206.98384%208.00334%206.98384C8.0252%206.98384%208.04684%206.97936%208.0669%206.97068C8.08697%206.96199%208.10504%206.94928%208.12%206.93334L10.1933%204.86C10.2555%204.79784%2010.3293%204.74854%2010.4105%204.7149C10.4917%204.68126%2010.5788%204.66394%2010.6667%204.66394C10.7546%204.66394%2010.8416%204.68126%2010.9228%204.7149C11.0041%204.74854%2011.0778%204.79784%2011.14%204.86C11.2022%204.92216%2011.2515%204.99596%2011.2851%205.07717C11.3188%205.15839%2011.3361%205.24543%2011.3361%205.33334C11.3361%205.42124%2011.3188%205.50829%2011.2851%205.5895C11.2515%205.67072%2011.2022%205.74451%2011.14%205.80667L9.06667%207.88C9.05073%207.89497%209.03802%207.91304%209.02933%207.93311C9.02065%207.95317%209.01616%207.97481%209.01616%207.99667C9.01616%208.01854%209.02065%208.04017%209.02933%208.06024C9.03802%208.0803%209.05073%208.09837%209.06667%208.11334L11.14%2010.1867Z'%20fill='%23A0AEC0'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1634_880'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
   background-position: center center;
   transition: background-image 0.4s;
@@ -331,22 +369,7 @@ div[id^=popper_].dropdown .v-popper__inner .dropdown-menu .dropdown-divider {
   height: 1.5rem;
   right: 2.5rem;
   bottom: 0.75rem;
-}.filter[data-v-cbac2434] {
-  background: url("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='M15.5%206.73H4.5C4.36739%206.73%204.24021%206.67732%204.14645%206.58355C4.05268%206.48978%204%206.3626%204%206.23C4%206.09739%204.05268%205.97021%204.14645%205.87644C4.24021%205.78267%204.36739%205.73%204.5%205.73H15.5C15.6326%205.73%2015.7598%205.78267%2015.8536%205.87644C15.9473%205.97021%2016%206.09739%2016%206.23C16%206.3626%2015.9473%206.48978%2015.8536%206.58355C15.7598%206.67732%2015.6326%206.73%2015.5%206.73Z'%20fill='%23424E6E'/%3e%3cpath%20d='M14.33%209.245H5.67C5.53739%209.245%205.41021%209.19232%205.31644%209.09855C5.22268%209.00478%205.17%208.8776%205.17%208.745C5.17%208.61239%205.22268%208.48521%205.31644%208.39144C5.41021%208.29767%205.53739%208.245%205.67%208.245H14.33C14.4626%208.245%2014.5898%208.29767%2014.6836%208.39144C14.7773%208.48521%2014.83%208.61239%2014.83%208.745C14.83%208.8776%2014.7773%209.00478%2014.6836%209.09855C14.5898%209.19232%2014.4626%209.245%2014.33%209.245Z'%20fill='%23424E6E'/%3e%3cpath%20d='M11.605%2014.27H8.395C8.2624%2014.27%208.13522%2014.2173%208.04145%2014.1235C7.94768%2014.0298%207.895%2013.9026%207.895%2013.77C7.895%2013.6374%207.94768%2013.5102%208.04145%2013.4164C8.13522%2013.3227%208.2624%2013.27%208.395%2013.27H11.605C11.7376%2013.27%2011.8648%2013.3227%2011.9586%2013.4164C12.0523%2013.5102%2012.105%2013.6374%2012.105%2013.77C12.105%2013.9026%2012.0523%2014.0298%2011.9586%2014.1235C11.8648%2014.2173%2011.7376%2014.27%2011.605%2014.27Z'%20fill='%23424E6E'/%3e%3cpath%20d='M13.155%2011.755H6.845C6.71239%2011.755%206.58522%2011.7023%206.49145%2011.6085C6.39768%2011.5148%206.345%2011.3876%206.345%2011.255C6.345%2011.1224%206.39768%2010.9952%206.49145%2010.9014C6.58522%2010.8077%206.71239%2010.755%206.845%2010.755H13.155C13.2876%2010.755%2013.4148%2010.8077%2013.5086%2010.9014C13.6023%2010.9952%2013.655%2011.1224%2013.655%2011.255C13.655%2011.3876%2013.6023%2011.5148%2013.5086%2011.6085C13.4148%2011.7023%2013.2876%2011.755%2013.155%2011.755Z'%20fill='%23424E6E'/%3e%3c/svg%3e") no-repeat;
-}
-.filter[data-v-cbac2434]:hover {
-  background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='20'%20height='20'%20rx='4'%20fill='black'%20fill-opacity='0.05'/%3e%3cpath%20d='M15.5%206.73001H4.5C4.36739%206.73001%204.24021%206.67733%204.14645%206.58356C4.05268%206.4898%204%206.36262%204%206.23001C4%206.0974%204.05268%205.97023%204.14645%205.87646C4.24021%205.78269%204.36739%205.73001%204.5%205.73001H15.5C15.6326%205.73001%2015.7598%205.78269%2015.8536%205.87646C15.9473%205.97023%2016%206.0974%2016%206.23001C16%206.36262%2015.9473%206.4898%2015.8536%206.58356C15.7598%206.67733%2015.6326%206.73001%2015.5%206.73001Z'%20fill='%23424E6E'/%3e%3cpath%20d='M14.33%209.24503H5.67C5.53739%209.24503%205.41021%209.19235%205.31644%209.09858C5.22268%209.00481%205.17%208.87763%205.17%208.74503C5.17%208.61242%205.22268%208.48524%205.31644%208.39147C5.41021%208.2977%205.53739%208.24503%205.67%208.24503H14.33C14.4626%208.24503%2014.5898%208.2977%2014.6836%208.39147C14.7773%208.48524%2014.83%208.61242%2014.83%208.74503C14.83%208.87763%2014.7773%209.00481%2014.6836%209.09858C14.5898%209.19235%2014.4626%209.24503%2014.33%209.24503Z'%20fill='%23424E6E'/%3e%3cpath%20d='M11.605%2014.27H8.395C8.2624%2014.27%208.13522%2014.2173%208.04145%2014.1236C7.94768%2014.0298%207.895%2013.9026%207.895%2013.77C7.895%2013.6374%207.94768%2013.5102%208.04145%2013.4165C8.13522%2013.3227%208.2624%2013.27%208.395%2013.27H11.605C11.7376%2013.27%2011.8648%2013.3227%2011.9586%2013.4165C12.0523%2013.5102%2012.105%2013.6374%2012.105%2013.77C12.105%2013.9026%2012.0523%2014.0298%2011.9586%2014.1236C11.8648%2014.2173%2011.7376%2014.27%2011.605%2014.27Z'%20fill='%23424E6E'/%3e%3cpath%20d='M13.155%2011.755H6.845C6.71239%2011.755%206.58522%2011.7023%206.49145%2011.6086C6.39768%2011.5148%206.345%2011.3876%206.345%2011.255C6.345%2011.1224%206.39768%2010.9952%206.49145%2010.9015C6.58522%2010.8077%206.71239%2010.755%206.845%2010.755H13.155C13.2876%2010.755%2013.4148%2010.8077%2013.5086%2010.9015C13.6023%2010.9952%2013.655%2011.1224%2013.655%2011.255C13.655%2011.3876%2013.6023%2011.5148%2013.5086%2011.6086C13.4148%2011.7023%2013.2876%2011.755%2013.155%2011.755Z'%20fill='%23424E6E'/%3e%3c/svg%3e") no-repeat;
-}
-.filter.active[data-v-cbac2434] {
-  background: url("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='M15.5%206.72998H4.5C4.36739%206.72998%204.24021%206.6773%204.14645%206.58353C4.05268%206.48977%204%206.36259%204%206.22998C4%206.09737%204.05268%205.9702%204.14645%205.87643C4.24021%205.78266%204.36739%205.72998%204.5%205.72998H15.5C15.6326%205.72998%2015.7598%205.78266%2015.8536%205.87643C15.9473%205.9702%2016%206.09737%2016%206.22998C16%206.36259%2015.9473%206.48977%2015.8536%206.58353C15.7598%206.6773%2015.6326%206.72998%2015.5%206.72998Z'%20fill='%230F45AF'/%3e%3cpath%20d='M14.33%209.245H5.67C5.53739%209.245%205.41021%209.19232%205.31644%209.09855C5.22268%209.00478%205.17%208.8776%205.17%208.745C5.17%208.61239%205.22268%208.48521%205.31644%208.39144C5.41021%208.29767%205.53739%208.245%205.67%208.245H14.33C14.4626%208.245%2014.5898%208.29767%2014.6836%208.39144C14.7773%208.48521%2014.83%208.61239%2014.83%208.745C14.83%208.8776%2014.7773%209.00478%2014.6836%209.09855C14.5898%209.19232%2014.4626%209.245%2014.33%209.245Z'%20fill='%230F45AF'/%3e%3cpath%20d='M11.605%2014.27H8.395C8.2624%2014.27%208.13522%2014.2173%208.04145%2014.1235C7.94768%2014.0297%207.895%2013.9026%207.895%2013.77C7.895%2013.6374%207.94768%2013.5102%208.04145%2013.4164C8.13522%2013.3226%208.2624%2013.27%208.395%2013.27H11.605C11.7376%2013.27%2011.8648%2013.3226%2011.9586%2013.4164C12.0523%2013.5102%2012.105%2013.6374%2012.105%2013.77C12.105%2013.9026%2012.0523%2014.0297%2011.9586%2014.1235C11.8648%2014.2173%2011.7376%2014.27%2011.605%2014.27Z'%20fill='%230F45AF'/%3e%3cpath%20d='M13.155%2011.755H6.845C6.71239%2011.755%206.58522%2011.7023%206.49145%2011.6086C6.39768%2011.5148%206.345%2011.3876%206.345%2011.255C6.345%2011.1224%206.39768%2010.9952%206.49145%2010.9015C6.58522%2010.8077%206.71239%2010.755%206.845%2010.755H13.155C13.2876%2010.755%2013.4148%2010.8077%2013.5086%2010.9015C13.6023%2010.9952%2013.655%2011.1224%2013.655%2011.255C13.655%2011.3876%2013.6023%2011.5148%2013.5086%2011.6086C13.4148%2011.7023%2013.2876%2011.755%2013.155%2011.755Z'%20fill='%230F45AF'/%3e%3c/svg%3e") no-repeat;
-}
-.filter.active[data-v-cbac2434]:hover {
-  background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='20'%20height='20'%20rx='4'%20fill='black'%20fill-opacity='0.05'/%3e%3cpath%20d='M15.5%206.72998H4.5C4.36739%206.72998%204.24021%206.6773%204.14645%206.58353C4.05268%206.48977%204%206.36259%204%206.22998C4%206.09737%204.05268%205.9702%204.14645%205.87643C4.24021%205.78266%204.36739%205.72998%204.5%205.72998H15.5C15.6326%205.72998%2015.7598%205.78266%2015.8536%205.87643C15.9473%205.9702%2016%206.09737%2016%206.22998C16%206.36259%2015.9473%206.48977%2015.8536%206.58353C15.7598%206.6773%2015.6326%206.72998%2015.5%206.72998Z'%20fill='%230F45AF'/%3e%3cpath%20d='M14.33%209.245H5.67C5.53739%209.245%205.41021%209.19232%205.31644%209.09855C5.22268%209.00478%205.17%208.8776%205.17%208.745C5.17%208.61239%205.22268%208.48521%205.31644%208.39144C5.41021%208.29767%205.53739%208.245%205.67%208.245H14.33C14.4626%208.245%2014.5898%208.29767%2014.6836%208.39144C14.7773%208.48521%2014.83%208.61239%2014.83%208.745C14.83%208.8776%2014.7773%209.00478%2014.6836%209.09855C14.5898%209.19232%2014.4626%209.245%2014.33%209.245Z'%20fill='%230F45AF'/%3e%3cpath%20d='M11.605%2014.27H8.395C8.2624%2014.27%208.13522%2014.2173%208.04145%2014.1235C7.94768%2014.0297%207.895%2013.9026%207.895%2013.77C7.895%2013.6374%207.94768%2013.5102%208.04145%2013.4164C8.13522%2013.3226%208.2624%2013.27%208.395%2013.27H11.605C11.7376%2013.27%2011.8648%2013.3226%2011.9586%2013.4164C12.0523%2013.5102%2012.105%2013.6374%2012.105%2013.77C12.105%2013.9026%2012.0523%2014.0297%2011.9586%2014.1235C11.8648%2014.2173%2011.7376%2014.27%2011.605%2014.27Z'%20fill='%230F45AF'/%3e%3cpath%20d='M13.155%2011.755H6.845C6.71239%2011.755%206.58522%2011.7023%206.49145%2011.6086C6.39768%2011.5148%206.345%2011.3876%206.345%2011.255C6.345%2011.1224%206.39768%2010.9952%206.49145%2010.9015C6.58522%2010.8077%206.71239%2010.755%206.845%2010.755H13.155C13.2876%2010.755%2013.4148%2010.8077%2013.5086%2010.9015C13.6023%2010.9952%2013.655%2011.1224%2013.655%2011.255C13.655%2011.3876%2013.6023%2011.5148%2013.5086%2011.6086C13.4148%2011.7023%2013.2876%2011.755%2013.155%2011.755Z'%20fill='%230F45AF'/%3e%3c/svg%3e") no-repeat;
-}
-.bg-info-circle-icon[data-v-189b159e] {
-  background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_4002_33291)'%3e%3cpath%20d='M0.5%206C0.5%207.45869%201.07946%208.85764%202.11091%209.88909C3.14236%2010.9205%204.54131%2011.5%206%2011.5C7.45869%2011.5%208.85764%2010.9205%209.88909%209.88909C10.9205%208.85764%2011.5%207.45869%2011.5%206C11.5%204.54131%2010.9205%203.14236%209.88909%202.11091C8.85764%201.07946%207.45869%200.5%206%200.5C4.54131%200.5%203.14236%201.07946%202.11091%202.11091C1.07946%203.14236%200.5%204.54131%200.5%206Z'%20stroke='%231A123B'%20stroke-miterlimit='10'/%3e%3cpath%20d='M6.5%203.5H5.5V2.5H6.5V3.5Z'%20fill='%231A123B'/%3e%3cpath%20d='M4.5%205H6V9M4.5%208.5H7.5'%20stroke='%231A123B'%20stroke-miterlimit='10'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4002_33291'%3e%3crect%20width='12'%20height='12'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
-}
-.fadeInDown[data-v-122d5e30] {
+}.fadeInDown[data-v-122d5e30] {
   animation-duration: 0.4s;
   animation-fill-mode: both;
   animation-name: fadeInDown-122d5e30;
@@ -443,30 +466,7 @@ to {
 100% {
     transform: translateX(100%);
 }
-}.td-shadow-right[data-v-09e6d191] {
-  box-shadow: -1px 1px 5px 4px rgba(0, 0, 0, 0.15);
-  clip-path: inset(0px -12px 0px 0px);
-}
-.td-shadow-left[data-v-09e6d191] {
-  box-shadow: -2px 1px 8px rgba(0, 0, 0, 0.15);
-  clip-path: inset(0px 0px 0px -12px);
-}
-.td-col-fixed-border-b[data-v-09e6d191]::after {
-  position: absolute;
-  bottom: 0px;
-  left: 0px;
-  height: 1px;
-  width: 100%;
-  background-color: var(--color-p-gray-30);
-  --tw-content: "";
-  content: var(--tw-content);
-}
-.shadow-inner-toggle[data-v-3a6de4eb]::after {
-  box-shadow:
-    rgba(0, 0, 0, 0.3) 0px 1px 2px 0px,
-    rgba(0, 0, 0, 0.05) 0px 0px 1px 0px inset;
-}
-.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}/* sass-plugin-1:/Users/maronato/Developer/vue-toastification/src/scss/index.scss */.Vue-Toastification__container {
+}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}/* sass-plugin-1:/Users/maronato/Developer/vue-toastification/src/scss/index.scss */.Vue-Toastification__container {
   z-index: 9999;
   position: fixed;
   padding: 4px;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pequity/squirrel",
   "description": "Squirrel component library",
-  "version": "1.0.29",
+  "version": "1.2.3",
   "packageManager": "pnpm@8.9.2",
   "type": "module",
   "scripts": {
@@ -50,27 +50,27 @@
     "vue-toastification": "^2.0.0-rc.5"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.5",
-    "@babel/preset-env": "^7.24.5",
+    "@babel/core": "^7.24.6",
+    "@babel/preset-env": "^7.24.6",
     "@commitlint/cli": "^19.3.0",
     "@commitlint/config-conventional": "^19.2.2",
-    "@pequity/eslint-config": "^0.0.12",
+    "@pequity/eslint-config": "^0.0.13",
     "@popperjs/core": "2.11.8",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-a11y": "^8.1.0",
-    "@storybook/addon-actions": "^8.1.0",
-    "@storybook/addon-essentials": "^8.1.0",
-    "@storybook/addon-interactions": "^8.1.0",
-    "@storybook/addon-links": "^8.1.0",
-    "@storybook/blocks": "^8.1.0",
+    "@storybook/addon-a11y": "^8.1.4",
+    "@storybook/addon-actions": "^8.1.4",
+    "@storybook/addon-essentials": "^8.1.4",
+    "@storybook/addon-interactions": "^8.1.4",
+    "@storybook/addon-links": "^8.1.4",
+    "@storybook/blocks": "^8.1.4",
     "@storybook/jest": "^0.2.3",
-    "@storybook/manager-api": "^8.1.0",
-    "@storybook/test-runner": "^0.18.0",
+    "@storybook/manager-api": "^8.1.4",
+    "@storybook/test-runner": "^0.18.1",
     "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^8.1.0",
-    "@storybook/vue3": "^8.1.0",
-    "@storybook/vue3-vite": "^8.1.0",
+    "@storybook/theming": "^8.1.4",
+    "@storybook/vue3": "^8.1.4",
+    "@storybook/vue3-vite": "^8.1.4",
     "@tanstack/vue-virtual": "3.5.0",
     "@types/jest": "^29.5.12",
     "@types/jsdom": "^21.1.6",
@@ -86,31 +86,31 @@
     "eslint": "^8.57.0",
     "eslint-plugin-storybook": "^0.8.0",
     "floating-vue": "5.2.2",
-    "glob": "^10.3.15",
+    "glob": "^10.4.1",
     "husky": "^9.0.11",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "lint-staged": "^15.2.2",
+    "lint-staged": "^15.2.5",
     "lodash-es": "4.17.21",
     "make-coverage-badge": "^1.2.0",
     "postcss": "^8.4.38",
     "prettier": "^3.2.5",
     "prettier-plugin-tailwindcss": "^0.5.14",
-    "resolve-tspaths": "^0.8.18",
+    "resolve-tspaths": "^0.8.19",
     "rimraf": "^5.0.7",
-    "sass": "^1.77.1",
+    "sass": "^1.77.2",
     "semantic-release": "^23.1.1",
-    "storybook": "^8.1.0",
+    "storybook": "^8.1.4",
     "svgo": "^3.3.2",
     "tailwindcss": "^3.4.3",
-    "ts-jest": "^29.1.2",
+    "ts-jest": "^29.1.4",
     "typescript": "5.4.5",
     "v-calendar": "3.1.2",
-    "vite": "^5.2.11",
+    "vite": "^5.2.12",
     "vue": "3.4.27",
     "vue-currency-input": "3.1.0",
     "vue-router": "4.3.2",
     "vue-toastification": "2.0.0-rc.5",
-    "vue-tsc": "2.0.17"
+    "vue-tsc": "2.0.19"
   }
 }

package/squirrel/components/index.ts

@@ -48,6 +48,7 @@ import {
   isFirstColFixedInjectionKey,
   isLastColFixedInjectionKey,
 } from '@squirrel/components/p-table/p-table.types';
+import { type PActionBarAction } from '@squirrel/components/p-action-bar/p-action-bar.types';
 import {
   SORTING_TYPES,
   type SortingType,
@@ -62,6 +63,7 @@ import { useSelectList } from '@squirrel/components/p-select-list/useSelectList'
 
 export {
   PActionBar,
+  PActionBarAction,
   PAlert,
   PAvatar,
   PBtn,

package/squirrel/components/p-action-bar/p-action-bar.spec.js

@@ -1,10 +1,49 @@
 import PActionBar from '@squirrel/components/p-action-bar/p-action-bar.vue';
 import { createWrapperFor } from '@tests/jest.helpers';
 
+const createPDropdownStub = () => {
+  return {
+    name: 'PDropdownStub',
+    template: `
+      <div class="pdropdown-stub">
+        <slot></slot>
+        <div v-if="show" class="pdropdown-stub-popper">
+          <slot name="popper"></slot>
+        </div>
+      </div>`,
+    data() {
+      return {
+        show: false,
+      };
+    },
+    methods: {
+      toggleShow() {
+        this.show = !this.show;
+      },
+    },
+    async mounted() {
+      const btn = this.$el.querySelector('button');
+
+      btn.addEventListener('click', this.toggleShow);
+    },
+    beforeUnmount() {
+      const btn = this.$el.querySelector('button');
+
+      btn.removeEventListener('click', this.toggleShow);
+    },
+  };
+};
+
 describe('PActionBar.vue', () => {
   it('renders correctly', async () => {
     const wrapper = createWrapperFor(PActionBar, {
-      props: { label: 'Hello World', actions: [{ label: 'Say Hi', name: 'greet' }] },
+      props: {
+        label: 'Hello World',
+        actions: [
+          { label: 'Say Hi', name: 'greet' },
+          { label: 'Action menu', subActions: [{ label: 'Say Bye', name: 'bye' }] },
+        ],
+      },
     });
 
     const mainDiv = await wrapper.find('div.fixed');
@@ -70,13 +109,31 @@ describe('PActionBar.vue', () => {
 
   it('emits a click:action event with the correct name', async () => {
     const wrapper = createWrapperFor(PActionBar, {
-      props: { label: 'Hello World', actions: [{ label: 'Say Hi', name: 'greet' }] },
+      props: {
+        label: 'Hello World',
+        actions: [
+          { label: 'Say Hi', name: 'greet' },
+          { label: 'Action menu', subActions: [{ label: 'Say Bye', name: 'bye' }] },
+        ],
+      },
+      global: {
+        stubs: {
+          PDropdown: createPDropdownStub(),
+        },
+      },
     });
 
     const button = await wrapper.findByText('Say Hi', 'button');
-
     await button.trigger('click');
 
     expect(wrapper.emitted()['click:action'][0]).toEqual(['greet']);
+
+    const actionMenu = await wrapper.findByText('Action menu', 'button');
+    await actionMenu.trigger('click');
+
+    const subAction = await wrapper.findByText('Say Bye', 'button');
+    await subAction.trigger('click');
+
+    expect(wrapper.emitted()['click:action'][1]).toEqual(['bye']);
   });
 });

package/squirrel/components/p-action-bar/p-action-bar.stories.js

@@ -1,5 +1,7 @@
 import FileUploadIcon from '@squirrel/assets/file-upload-upload-icon.svg?inline';
 import PActionBar from '@squirrel/components/p-action-bar/p-action-bar.vue';
+import PaginateLeftIcon from '@squirrel/assets/pagination-left-icon.svg?inline';
+import PaginateRightIcon from '@squirrel/assets/pagination-right-icon.svg?inline';
 import { action } from '@storybook/addon-actions';
 import { shallowRef } from 'vue';
 
@@ -39,6 +41,21 @@ export const Default = {
         label: 'Say Hi',
         name: 'greet',
       },
+      {
+        label: 'Action Menu',
+        subActions: [
+          {
+            label: 'Subaction 1',
+            name: 'subaction1',
+            icon: shallowRef(PaginateLeftIcon),
+          },
+          {
+            label: 'Subaction 2',
+            name: 'subaction2',
+            icon: shallowRef(PaginateRightIcon),
+          },
+        ],
+      },
     ],
   },
 };

package/squirrel/components/p-action-bar/p-action-bar.types.ts

@@ -0,0 +1,10 @@
+export type PActionBarAction = {
+  name?: string;
+  label: string;
+  icon?: string;
+  subActions?: {
+    name: string;
+    label: string;
+    icon?: string;
+  }[];
+};

package/squirrel/components/p-action-bar/p-action-bar.vue

@@ -7,18 +7,44 @@
     <p class="px-3">{{ label }}</p>
     <div class="mx-4 h-9 w-0.5 rounded bg-p-purple-50"></div>
     <div class="flex">
-      <PBtn
-        v-for="action in actions"
-        :key="`action-${action.name}`"
-        size="sm"
-        type="secondary-ghost-dark"
-        @click="$emit('click:action', action.name)"
-      >
-        <div class="flex items-center gap-2 px-1 py-0.5">
-          <Component :is="action.icon" v-if="action.icon" class="h-4 w-4" />
-          <div>{{ action.label }}</div>
-        </div>
-      </PBtn>
+      <template v-for="actionOrMenu in actions" :key="`action-${actionOrMenu.label}`">
+        <PBtn
+          v-if="!actionOrMenu.subActions"
+          size="sm"
+          type="secondary-ghost-dark"
+          @click="$emit('click:action', actionOrMenu.name)"
+        >
+          <div class="flex items-center gap-2 px-1 py-0.5">
+            <Component :is="actionOrMenu.icon" v-if="actionOrMenu.icon" class="h-4 w-4" />
+            <div>{{ actionOrMenu.label }}</div>
+          </div>
+        </PBtn>
+        <PDropdown v-else placement="top" strategy="fixed">
+          <PBtn size="sm" type="secondary-ghost-dark">
+            <div class="flex items-center gap-2 px-1 py-0.5">
+              <Component :is="actionOrMenu.icon" v-if="actionOrMenu.icon" class="h-4 w-4" />
+              <div>{{ actionOrMenu.label }}</div>
+            </div>
+          </PBtn>
+          <template #popper>
+            <div class="flex flex-col bg-p-purple-60">
+              <div v-for="subaction in actionOrMenu.subActions" :key="`subaction-${subaction.name}`">
+                <PBtn
+                  size="sm"
+                  class="w-full"
+                  type="secondary-ghost-dark"
+                  @click="$emit('click:action', subaction.name)"
+                >
+                  <div class="flex items-center gap-2 px-1 py-0.5">
+                    <Component :is="subaction.icon" v-if="subaction.icon" class="h-4 w-4" />
+                    <div>{{ subaction.label }}</div>
+                  </div>
+                </PBtn>
+              </div>
+            </div>
+          </template>
+        </PDropdown>
+      </template>
     </div>
   </div>
 </template>
@@ -26,18 +52,18 @@
 <script setup lang="ts">
 import PBtn from '@squirrel/components/p-btn/p-btn.vue';
 import PCloseBtn from '@squirrel/components/p-close-btn/p-close-btn.vue';
-import { type PropType } from 'vue';
+import PDropdown from '@squirrel/components/p-dropdown/p-dropdown.vue';
+import { type PActionBarAction } from '@squirrel/components/p-action-bar/p-action-bar.types';
 
-defineEmits(['click:dismiss', 'click:action']);
+type Props = {
+  label: string;
+  actions: PActionBarAction[];
+};
 
-defineProps({
-  label: {
-    type: String,
-    required: true,
-  },
-  actions: {
-    type: Array as PropType<{ name: string; label: string; icon?: string }[]>,
-    required: true,
-  },
-});
+defineEmits<{
+  (e: 'click:dismiss'): void;
+  (e: 'click:action', value: PActionBarAction['name']): void;
+}>();
+
+defineProps<Props>();
 </script>

package/dist/cjs/chunks/p-action-bar.js

@@ -1,60 +0,0 @@
-"use strict";
-const vue = require("vue");
-const pBtn = require("../p-btn.js");
-const pCloseBtn = require("../p-close-btn.js");
-const _hoisted_1 = {
-  class: "fixed bottom-6 left-1/2 flex h-12 -translate-x-1/2 select-none flex-row items-center rounded-lg bg-p-purple-60 px-2 text-sm font-medium text-white",
-  role: "alertdialog"
-};
-const _hoisted_2 = { class: "px-3" };
-const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("div", { class: "mx-4 h-9 w-0.5 rounded bg-p-purple-50" }, null, -1);
-const _hoisted_4 = { class: "flex" };
-const _hoisted_5 = { class: "flex items-center gap-2 px-1 py-0.5" };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "p-action-bar",
-  props: {
-    label: {
-      type: String,
-      required: true
-    },
-    actions: {
-      type: Array,
-      required: true
-    }
-  },
-  emits: ["click:dismiss", "click:action"],
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createVNode(pCloseBtn, {
-          variant: "dark",
-          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click:dismiss"))
-        }),
-        vue.createElementVNode("p", _hoisted_2, vue.toDisplayString(__props.label), 1),
-        _hoisted_3,
-        vue.createElementVNode("div", _hoisted_4, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.actions, (action) => {
-            return vue.openBlock(), vue.createBlock(pBtn, {
-              key: `action-${action.name}`,
-              size: "sm",
-              type: "secondary-ghost-dark",
-              onClick: ($event) => _ctx.$emit("click:action", action.name)
-            }, {
-              default: vue.withCtx(() => [
-                vue.createElementVNode("div", _hoisted_5, [
-                  action.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(action.icon), {
-                    key: 0,
-                    class: "h-4 w-4"
-                  })) : vue.createCommentVNode("", true),
-                  vue.createElementVNode("div", null, vue.toDisplayString(action.label), 1)
-                ])
-              ]),
-              _: 2
-            }, 1032, ["onClick"]);
-          }), 128))
-        ])
-      ]);
-    };
-  }
-});
-exports._sfc_main = _sfc_main;

package/dist/es/chunks/p-action-bar.js

@@ -1,61 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, createVNode, createElementVNode, toDisplayString, Fragment, renderList, createBlock, withCtx, resolveDynamicComponent, createCommentVNode } from "vue";
-import PBtn from "../p-btn.js";
-import PCloseBtn from "../p-close-btn.js";
-const _hoisted_1 = {
-  class: "fixed bottom-6 left-1/2 flex h-12 -translate-x-1/2 select-none flex-row items-center rounded-lg bg-p-purple-60 px-2 text-sm font-medium text-white",
-  role: "alertdialog"
-};
-const _hoisted_2 = { class: "px-3" };
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("div", { class: "mx-4 h-9 w-0.5 rounded bg-p-purple-50" }, null, -1);
-const _hoisted_4 = { class: "flex" };
-const _hoisted_5 = { class: "flex items-center gap-2 px-1 py-0.5" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "p-action-bar",
-  props: {
-    label: {
-      type: String,
-      required: true
-    },
-    actions: {
-      type: Array,
-      required: true
-    }
-  },
-  emits: ["click:dismiss", "click:action"],
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(PCloseBtn, {
-          variant: "dark",
-          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click:dismiss"))
-        }),
-        createElementVNode("p", _hoisted_2, toDisplayString(__props.label), 1),
-        _hoisted_3,
-        createElementVNode("div", _hoisted_4, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.actions, (action) => {
-            return openBlock(), createBlock(PBtn, {
-              key: `action-${action.name}`,
-              size: "sm",
-              type: "secondary-ghost-dark",
-              onClick: ($event) => _ctx.$emit("click:action", action.name)
-            }, {
-              default: withCtx(() => [
-                createElementVNode("div", _hoisted_5, [
-                  action.icon ? (openBlock(), createBlock(resolveDynamicComponent(action.icon), {
-                    key: 0,
-                    class: "h-4 w-4"
-                  })) : createCommentVNode("", true),
-                  createElementVNode("div", null, toDisplayString(action.label), 1)
-                ])
-              ]),
-              _: 2
-            }, 1032, ["onClick"]);
-          }), 128))
-        ])
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};