@pequity/squirrel 8.3.0 → 8.3.2

package/dist/cjs/index.js

@@ -42,7 +42,6 @@ const string = require("./string.js");
 const text = require("./text.js");
 const pSelectPill = require("./p-select-pill.js");
 const pSkeletonLoader = require("./p-skeleton-loader.js");
-const pSteps_vue_vue_type_script_setup_true_lang = require("./chunks/p-steps.js");
 const pTable$1 = require("./p-table.js");
 const usePTableColResize = require("./usePTableColResize.js");
 const pTableHeaderCell = require("./p-table-header-cell.js");
@@ -65,12 +64,12 @@ const object = require("./object.js");
 const pagination = require("./pagination.js");
 const sanitization = require("./sanitization.js");
 const index = require("./chunks/index.js");
-const _hoisted_1$3 = ["data-has-error"];
-const _hoisted_2$3 = {
+const _hoisted_1$4 = ["data-has-error"];
+const _hoisted_2$4 = {
   key: 0,
   class: "flex h-28 flex-col items-center justify-center"
 };
-const _hoisted_3$3 = {
+const _hoisted_3$4 = {
   key: 0,
   class: "flex flex-col items-center"
 };
@@ -86,7 +85,7 @@ 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({
+const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "PFileUpload"
   },
@@ -254,8 +253,8 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
           onDrop: vue.withModifiers(onDrop, ["prevent", "stop"]),
           onClick: openFileDialog
         }, [
-          !maxFilesReached.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$3, [
-            !isDraggingOver.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$3, [
+          !maxFilesReached.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$4, [
+            !isDraggingOver.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$4, [
               vue.createVNode(pIcon_vue_vue_type_script_setup_true_lang._sfc_main, {
                 icon: "upload",
                 width: "32",
@@ -322,13 +321,13 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
           [vue.vShow, __props.errorMsg]
         ]),
         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.formatBytes)(__props.maxSizeInBytes)) + " " + vue.toDisplayString(__props.multiple ? "each" : ""), 1)
-      ], 10, _hoisted_1$3);
+      ], 10, _hoisted_1$4);
     };
   }
 });
-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_1$3 = ["data-has-error"];
+const _hoisted_2$3 = { class: "text-p-purple-60" };
+const _hoisted_3$3 = { class: "flex flex-row" };
 const _hoisted_4$2 = ["onClick"];
 const _hoisted_5$2 = ["title"];
 const _hoisted_6$2 = {
@@ -336,7 +335,7 @@ const _hoisted_6$2 = {
   class: "ml-auto fill-p-purple-60 pl-2",
   src: pDropdownSelect_vue_vue_type_script_setup_true_lang._imports_0
 };
-const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "PSelectList",
     inheritAttrs: false
@@ -544,8 +543,8 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
               ref: actionsContainer,
               class: "flex flex-row justify-between text-xs font-semibold text-primary"
             }, [
-              vue.createElementVNode("p", _hoisted_2$2, vue.toDisplayString(vue.unref(computedItems).length) + " items", 1),
-              vue.createElementVNode("div", _hoisted_3$2, [
+              vue.createElementVNode("p", _hoisted_2$3, vue.toDisplayString(vue.unref(computedItems).length) + " items", 1),
+              vue.createElementVNode("div", _hoisted_3$3, [
                 vue.unref(computedItems).length === vue.unref(internalItems).length ? (vue.openBlock(), vue.createElementBlock("a", {
                   key: 0,
                   class: vue.normalizeClass([
@@ -657,7 +656,59 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
         }, vue.toDisplayString(__props.errorMsg), 3), [
           [vue.vShow, __props.errorMsg]
         ])
-      ], 14, _hoisted_1$2);
+      ], 14, _hoisted_1$3);
+    };
+  }
+});
+const _hoisted_1$2 = { class: "flex items-center gap-2" };
+const _hoisted_2$2 = ["onClick"];
+const _hoisted_3$2 = {
+  key: 0,
+  class: "flex items-center"
+};
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PSteps"
+  },
+  __name: "p-steps",
+  props: {
+    activeStep: { default: null },
+    steps: { default: () => [] },
+    clickable: { type: Boolean, default: false }
+  },
+  emits: ["click:step"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const activeStepIndex = vue.computed(() => props.steps.findIndex((s) => s.value === props.activeStep));
+    const stepClasses = (step, stepIndex) => {
+      if (step.value === props.activeStep) {
+        return "border-p-blue-50 bg-p-blue-50 text-surface";
+      }
+      if (activeStepIndex.value < stepIndex) {
+        return "border-p-gray-30 text-p-gray-30";
+      }
+      return "border-p-blue-50 text-p-blue-50";
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.steps, (step, i) => {
+          return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+            key: step.value
+          }, [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(["text-nowrap rounded-full border px-4 py-1 text-sm font-semibold", [stepClasses(step, i), { "cursor-pointer": _ctx.clickable && !step.disabled }]]),
+              onClick: ($event) => emit("click:step", step, i)
+            }, vue.toDisplayString(step.text || vue.unref(lodashEs.startCase)(String(step.value))), 11, _hoisted_2$2),
+            i < _ctx.steps.length - 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2, [
+              vue.createVNode(pIcon_vue_vue_type_script_setup_true_lang._sfc_main, {
+                icon: "material-symbols:arrow-right-alt-rounded",
+                class: vue.normalizeClass([activeStepIndex.value <= i ? "text-p-gray-30" : "text-p-blue-50"])
+              }, null, 8, ["class"])
+            ])) : vue.createCommentVNode("", true)
+          ], 64);
+        }), 128))
+      ]);
     };
   }
 });
@@ -1020,7 +1071,6 @@ exports.toString = string.toString;
 exports.splitStringForHighlight = text.splitStringForHighlight;
 exports.PSelectPill = pSelectPill;
 exports.PSkeletonLoader = pSkeletonLoader;
-exports.PSteps = pSteps_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.MIN_WIDTH_COL_RESIZE = pTable$1.MIN_WIDTH_COL_RESIZE;
 exports.colsInjectionKey = pTable$1.colsInjectionKey;
 exports.isColsResizableInjectionKey = pTable$1.isColsResizableInjectionKey;
@@ -1053,7 +1103,8 @@ exports.createTV = index.fe;
 exports.defaultConfig = index.ie;
 exports.tv = index.ce;
 exports.voidEmpty = index.x;
-exports.PFileUpload = _sfc_main$3;
-exports.PSelectList = _sfc_main$2;
+exports.PFileUpload = _sfc_main$4;
+exports.PSelectList = _sfc_main$3;
+exports.PSteps = _sfc_main$2;
 exports.PTable = pTable;
 exports.PTableSort = _sfc_main;

package/dist/cjs/p-modal.js

@@ -46,10 +46,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       type: [String, Object, Array],
       default: "fixed bottom-0 left-0 right-0 top-0 flex flex-col items-center justify-center overflow-y-auto overflow-x-hidden outline-none"
     },
-    modalClass: {
+    modalBaseClass: {
       type: [String, Object, Array],
       default: "pm relative flex flex-col rounded-2xl pb-6 cursor-default bg-surface shadow-xl"
     },
+    modalClass: {
+      type: [String, Object, Array],
+      default: ""
+    },
     modalStyle: {
       type: [String, Object, Array],
       default: ""
@@ -106,7 +110,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   emits: ["before-open", "opening", "opened", "before-close", "closing", "closed", "update:modelValue", "click:overlay"],
   setup(__props, { emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "56e8ccbe": __props.maxWidth
+      "29225c6f": __props.maxWidth
     }));
     let animatingZIndex = 0;
     const emit = __emit;
@@ -155,8 +159,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const overlayClick = (e) => {
-      emit("click:overlay", e);
       if (e.target === pmWrapper.value) {
+        emit("click:overlay", e);
         close();
       }
     };
@@ -309,7 +313,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("div", {
                 ref: "pm",
                 "data-pm-id": id.value,
-                class: vue.normalizeClass(__props.modalClass),
+                class: vue.normalizeClass([__props.modalBaseClass, __props.modalClass]),
                 style: vue.normalizeStyle(__props.modalStyle)
               }, [
                 vue.renderSlot(_ctx.$slots, "title-wrapper", {}, () => [
@@ -364,5 +368,5 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const pModal = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-18201676"]]);
+const pModal = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-a511ac01"]]);
 module.exports = pModal;

package/dist/cjs/p-steps.js

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

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

@@ -529,6 +529,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

@@ -9,39 +9,38 @@ import { default as default4 } from "./p-close-btn.js";
 import { _ as _6 } from "./chunks/p-date-picker.js";
 import { default as default5 } from "./p-drawer.js";
 import { default as default6 } from "./p-dropdown.js";
-import { _ as _imports_0$1 } from "./chunks/p-dropdown-select.js";
-import { a } from "./chunks/p-dropdown-select.js";
+import { a as _imports_0$1 } from "./chunks/p-dropdown-select.js";
+import { _ as _7 } from "./chunks/p-dropdown-select.js";
 import { defineComponent, shallowRef, ref, computed, onMounted, createElementBlock, openBlock, normalizeClass, createCommentVNode, createElementVNode, withDirectives, unref, toDisplayString, withModifiers, createVNode, createTextVNode, Fragment, renderList, vShow, useAttrs, resolveDirective, normalizeStyle, isRef, renderSlot, provide, onBeforeUnmount, watch, mergeProps, toHandlers, createBlock, withCtx } from "vue";
 import { formatBytes, getFileExtension } from "./p-file-upload.js";
-import { _ as _sfc_main$4 } from "./chunks/p-icon.js";
+import { _ as _sfc_main$5 } from "./chunks/p-icon.js";
 import { useInputClasses } from "./useInputClasses.js";
-import { uniq, kebabCase } from "lodash-es";
+import { uniq, startCase, kebabCase } from "lodash-es";
 import { useToast } from "vue-toastification";
 import { P_ICON_ALIASES } from "./p-icon.js";
-import { _ as _7 } from "./chunks/p-info-icon.js";
-import { _ as _8 } from "./chunks/p-inline-date-picker.js";
-import { _ as _9 } from "./chunks/p-input.js";
-import { _ as _10 } from "./chunks/p-input-number.js";
-import { _ as _11 } from "./chunks/p-input-percent.js";
+import { _ as _8 } from "./chunks/p-info-icon.js";
+import { _ as _9 } from "./chunks/p-inline-date-picker.js";
+import { _ as _10 } from "./chunks/p-input.js";
+import { _ as _11 } from "./chunks/p-input-number.js";
+import { _ as _12 } from "./chunks/p-input-percent.js";
 import PInputSearch from "./p-input-search.js";
-import { _ as _12 } from "./chunks/p-link.js";
+import { _ as _13 } from "./chunks/p-link.js";
 import { default as default7 } from "./p-loading.js";
 import { usePLoading } from "./usePLoading.js";
 import { default as default8 } from "./p-modal.js";
 import { usePModal } from "./usePModal.js";
-import { _ as _13 } from "./chunks/p-pagination.js";
-import { _ as _14 } from "./chunks/p-pagination-info.js";
-import { _ as _15 } from "./chunks/p-progress-bar.js";
-import { _ as _16 } from "./chunks/p-ring-loader.js";
-import { _ as _17 } from "./chunks/p-select.js";
-import { _ as _18 } from "./chunks/p-select-btn.js";
+import { _ as _14 } from "./chunks/p-pagination.js";
+import { _ as _15 } from "./chunks/p-pagination-info.js";
+import { _ as _16 } from "./chunks/p-progress-bar.js";
+import { _ as _17 } from "./chunks/p-ring-loader.js";
+import { _ as _18 } from "./chunks/p-select.js";
+import { _ as _19 } from "./chunks/p-select-btn.js";
 import { SIZES } from "./p-select-list.js";
 import { useSelectList } from "./useSelectList.js";
 import { toString } from "./string.js";
 import { splitStringForHighlight } from "./text.js";
 import { default as default9 } from "./p-select-pill.js";
 import { default as default10 } from "./p-skeleton-loader.js";
-import { _ as _19 } from "./chunks/p-steps.js";
 import { colsInjectionKey, isFirstColFixedInjectionKey, isLastColFixedInjectionKey, isColsResizableInjectionKey } from "./p-table.js";
 import { MIN_WIDTH_COL_RESIZE } from "./p-table.js";
 import { usePTableColResize } from "./usePTableColResize.js";
@@ -65,12 +64,12 @@ import { isObject } from "./object.js";
 import { createPagingRange } from "./pagination.js";
 import { sanitizeUrl } from "./sanitization.js";
 import { M, N, f, i, c, x } from "./chunks/index.js";
-const _hoisted_1$3 = ["data-has-error"];
-const _hoisted_2$3 = {
+const _hoisted_1$4 = ["data-has-error"];
+const _hoisted_2$4 = {
   key: 0,
   class: "flex h-28 flex-col items-center justify-center"
 };
-const _hoisted_3$3 = {
+const _hoisted_3$4 = {
   key: 0,
   class: "flex flex-col items-center"
 };
@@ -86,7 +85,7 @@ 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__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...{
     name: "PFileUpload"
   },
@@ -254,9 +253,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           onDrop: withModifiers(onDrop, ["prevent", "stop"]),
           onClick: openFileDialog
         }, [
-          !maxFilesReached.value ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
-            !isDraggingOver.value ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
-              createVNode(_sfc_main$4, {
+          !maxFilesReached.value ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
+            !isDraggingOver.value ? (openBlock(), createElementBlock("div", _hoisted_3$4, [
+              createVNode(_sfc_main$5, {
                 icon: "upload",
                 width: "32",
                 class: "text-p-gray-50"
@@ -266,7 +265,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 createElementVNode("span", _hoisted_5$3, "select " + toDisplayString(fileWord.value), 1)
               ])
             ])) : (openBlock(), createElementBlock("div", _hoisted_6$3, [
-              createVNode(_sfc_main$4, {
+              createVNode(_sfc_main$5, {
                 icon: "tdesign:drag-drop",
                 width: "32",
                 class: "text-primary"
@@ -306,7 +305,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                   class: "h-5 shrink-0 cursor-pointer overflow-hidden",
                   onClick: withModifiers(($event) => removeFile(index), ["stop"])
                 }, [
-                  createVNode(_sfc_main$4, {
+                  createVNode(_sfc_main$5, {
                     icon: "weui:close2-outlined",
                     width: "20",
                     class: "text-p-gray-60 hover:text-on-error"
@@ -322,13 +321,13 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           [vShow, __props.errorMsg]
         ]),
         createElementVNode("div", _hoisted_12, toDisplayString(__props.multiple ? `Max ${__props.maxNumberOfFiles}` : "One") + " " + toDisplayString(acceptFileTypes.value) + " " + toDisplayString(__props.multiple ? "files" : "file") + " with size less than " + toDisplayString(unref(formatBytes)(__props.maxSizeInBytes)) + " " + toDisplayString(__props.multiple ? "each" : ""), 1)
-      ], 10, _hoisted_1$3);
+      ], 10, _hoisted_1$4);
     };
   }
 });
-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_1$3 = ["data-has-error"];
+const _hoisted_2$3 = { class: "text-p-purple-60" };
+const _hoisted_3$3 = { class: "flex flex-row" };
 const _hoisted_4$2 = ["onClick"];
 const _hoisted_5$2 = ["title"];
 const _hoisted_6$2 = {
@@ -336,7 +335,7 @@ const _hoisted_6$2 = {
   class: "ml-auto fill-p-purple-60 pl-2",
   src: _imports_0$1
 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{
     name: "PSelectList",
     inheritAttrs: false
@@ -544,8 +543,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               ref: actionsContainer,
               class: "flex flex-row justify-between text-xs font-semibold text-primary"
             }, [
-              createElementVNode("p", _hoisted_2$2, toDisplayString(unref(computedItems).length) + " items", 1),
-              createElementVNode("div", _hoisted_3$2, [
+              createElementVNode("p", _hoisted_2$3, toDisplayString(unref(computedItems).length) + " items", 1),
+              createElementVNode("div", _hoisted_3$3, [
                 unref(computedItems).length === unref(internalItems).length ? (openBlock(), createElementBlock("a", {
                   key: 0,
                   class: normalizeClass([
@@ -657,7 +656,59 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         }, toDisplayString(__props.errorMsg), 3), [
           [vShow, __props.errorMsg]
         ])
-      ], 14, _hoisted_1$2);
+      ], 14, _hoisted_1$3);
+    };
+  }
+});
+const _hoisted_1$2 = { class: "flex items-center gap-2" };
+const _hoisted_2$2 = ["onClick"];
+const _hoisted_3$2 = {
+  key: 0,
+  class: "flex items-center"
+};
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PSteps"
+  },
+  __name: "p-steps",
+  props: {
+    activeStep: { default: null },
+    steps: { default: () => [] },
+    clickable: { type: Boolean, default: false }
+  },
+  emits: ["click:step"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const activeStepIndex = computed(() => props.steps.findIndex((s) => s.value === props.activeStep));
+    const stepClasses = (step, stepIndex) => {
+      if (step.value === props.activeStep) {
+        return "border-p-blue-50 bg-p-blue-50 text-surface";
+      }
+      if (activeStepIndex.value < stepIndex) {
+        return "border-p-gray-30 text-p-gray-30";
+      }
+      return "border-p-blue-50 text-p-blue-50";
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.steps, (step, i2) => {
+          return openBlock(), createElementBlock(Fragment, {
+            key: step.value
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass(["text-nowrap rounded-full border px-4 py-1 text-sm font-semibold", [stepClasses(step, i2), { "cursor-pointer": _ctx.clickable && !step.disabled }]]),
+              onClick: ($event) => emit("click:step", step, i2)
+            }, toDisplayString(step.text || unref(startCase)(String(step.value))), 11, _hoisted_2$2),
+            i2 < _ctx.steps.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
+              createVNode(_sfc_main$5, {
+                icon: "material-symbols:arrow-right-alt-rounded",
+                class: normalizeClass([activeStepIndex.value <= i2 ? "text-p-gray-30" : "text-p-blue-50"])
+              }, null, 8, ["class"])
+            ])) : createCommentVNode("", true)
+          ], 64);
+        }), 128))
+      ]);
     };
   }
 });
@@ -997,29 +1048,29 @@ export {
   _6 as PDatePicker,
   default5 as PDrawer,
   default6 as PDropdown,
-  a as PDropdownSelect,
-  _sfc_main$3 as PFileUpload,
+  _7 as PDropdownSelect,
+  _sfc_main$4 as PFileUpload,
   default11 as PFilterIcon,
-  _sfc_main$4 as PIcon,
-  _7 as PInfoIcon,
-  _8 as PInlineDatePicker,
-  _9 as PInput,
-  _10 as PInputNumber,
-  _11 as PInputPercent,
+  _sfc_main$5 as PIcon,
+  _8 as PInfoIcon,
+  _9 as PInlineDatePicker,
+  _10 as PInput,
+  _11 as PInputNumber,
+  _12 as PInputPercent,
   PInputSearch,
-  _12 as PLink,
+  _13 as PLink,
   default7 as PLoading,
   default8 as PModal,
-  _13 as PPagination,
-  _14 as PPaginationInfo,
-  _15 as PProgressBar,
-  _16 as PRingLoader,
-  _17 as PSelect,
-  _18 as PSelectBtn,
-  _sfc_main$2 as PSelectList,
+  _14 as PPagination,
+  _15 as PPaginationInfo,
+  _16 as PProgressBar,
+  _17 as PRingLoader,
+  _18 as PSelect,
+  _19 as PSelectBtn,
+  _sfc_main$3 as PSelectList,
   default9 as PSelectPill,
   default10 as PSkeletonLoader,
-  _19 as PSteps,
+  _sfc_main$2 as PSteps,
   pTable as PTable,
   PTableHeaderCell,
   _20 as PTableLoader,

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/es/p-modal.js

@@ -45,10 +45,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       type: [String, Object, Array],
       default: "fixed bottom-0 left-0 right-0 top-0 flex flex-col items-center justify-center overflow-y-auto overflow-x-hidden outline-none"
     },
-    modalClass: {
+    modalBaseClass: {
       type: [String, Object, Array],
       default: "pm relative flex flex-col rounded-2xl pb-6 cursor-default bg-surface shadow-xl"
     },
+    modalClass: {
+      type: [String, Object, Array],
+      default: ""
+    },
     modalStyle: {
       type: [String, Object, Array],
       default: ""
@@ -105,7 +109,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["before-open", "opening", "opened", "before-close", "closing", "closed", "update:modelValue", "click:overlay"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "56e8ccbe": __props.maxWidth
+      "29225c6f": __props.maxWidth
     }));
     let animatingZIndex = 0;
     const emit = __emit;
@@ -154,8 +158,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     const overlayClick = (e) => {
-      emit("click:overlay", e);
       if (e.target === pmWrapper.value) {
+        emit("click:overlay", e);
         close();
       }
     };
@@ -308,7 +312,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createElementVNode("div", {
                 ref: "pm",
                 "data-pm-id": id.value,
-                class: normalizeClass(__props.modalClass),
+                class: normalizeClass([__props.modalBaseClass, __props.modalClass]),
                 style: normalizeStyle(__props.modalStyle)
               }, [
                 renderSlot(_ctx.$slots, "title-wrapper", {}, () => [
@@ -363,7 +367,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const pModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-18201676"]]);
+const pModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a511ac01"]]);
 export {
   pModal as default
 };

package/dist/es/p-steps.js

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

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

@@ -37,6 +37,7 @@ import PSelectList from './p-select-list/p-select-list.vue';
 import { useSelectList } from './p-select-list/useSelectList';
 import PSelectPill from './p-select-pill/p-select-pill.vue';
 import PSkeletonLoader from './p-skeleton-loader/p-skeleton-loader.vue';
+import type { StepItem } from './p-steps/p-steps.types';
 import PSteps from './p-steps/p-steps.vue';
 import { colsInjectionKey, type HeaderCellAttrs, isColsResizableInjectionKey, isFirstColFixedInjectionKey, isLastColFixedInjectionKey, MIN_WIDTH_COL_RESIZE, type TableCol, type ThAttrs } from './p-table/p-table.types';
 import PTable from './p-table/p-table.vue';
@@ -51,4 +52,4 @@ import PTableTd from './p-table-td/p-table-td.vue';
 import PTabs from './p-tabs/p-tabs.vue';
 import PTextarea from './p-textarea/p-textarea.vue';
 import PToggle from './p-toggle/p-toggle.vue';
-export { colsInjectionKey, FileUploadFile, HeaderCellAttrs, isColsResizableInjectionKey, isFirstColFixedInjectionKey, isLastColFixedInjectionKey, MIN_WIDTH_COL_RESIZE, P_ICON_ALIASES, PActionBar, PActionBarAction, PAlert, PAvatar, PBtn, PCard, PCheckbox, PChips, PCloseBtn, PDatePicker, PDrawer, PDropdown, PDropdownSelect, PFileUpload, PFilterIcon, PIcon, PIconAlias, PInfoIcon, PInlineDatePicker, PInput, PInputNumber, PInputPercent, PInputSearch, PLink, PLoading, PModal, PPagination, PPaginationInfo, PProgressBar, PRingLoader, PSelect, PSelectBtn, PSelectList, PSelectPill, PSkeletonLoader, PSteps, PTable, PTableHeaderCell, PTableLoader, PTableSort, PTableTd, PTabs, PTextarea, PToggle, Size, SORTING_TYPES, SortingType, SortingTypeWithoutNoSorting, TableCol, ThAttrs, usePLoading, usePModal, usePTableColResize, usePTableRowVirtualizer, useSelectList, };
+export { colsInjectionKey, FileUploadFile, HeaderCellAttrs, isColsResizableInjectionKey, isFirstColFixedInjectionKey, isLastColFixedInjectionKey, MIN_WIDTH_COL_RESIZE, P_ICON_ALIASES, PActionBar, PActionBarAction, PAlert, PAvatar, PBtn, PCard, PCheckbox, PChips, PCloseBtn, PDatePicker, PDrawer, PDropdown, PDropdownSelect, PFileUpload, PFilterIcon, PIcon, PIconAlias, PInfoIcon, PInlineDatePicker, PInput, PInputNumber, PInputPercent, PInputSearch, PLink, PLoading, PModal, PPagination, PPaginationInfo, PProgressBar, PRingLoader, PSelect, PSelectBtn, PSelectList, PSelectPill, PSkeletonLoader, PSteps, PTable, PTableHeaderCell, PTableLoader, PTableSort, PTableTd, PTabs, PTextarea, PToggle, Size, SORTING_TYPES, SortingType, SortingTypeWithoutNoSorting, StepItem, TableCol, ThAttrs, usePLoading, usePModal, usePTableColResize, usePTableRowVirtualizer, useSelectList, };

package/dist/squirrel/components/p-modal/p-modal.vue.d.ts

@@ -32,6 +32,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: PropType<StyleValue>;
         default: string;
     };
+    modalBaseClass: {
+        type: PropType<StyleValue>;
+        default: string;
+    };
     modalClass: {
         type: PropType<StyleValue>;
         default: string;
@@ -118,6 +122,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: PropType<StyleValue>;
         default: string;
     };
+    modalBaseClass: {
+        type: PropType<StyleValue>;
+        default: string;
+    };
     modalClass: {
         type: PropType<StyleValue>;
         default: string;
@@ -198,6 +206,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     baseZindex: number;
     bgClass: StyleValue;
     wrapperClass: StyleValue;
+    modalBaseClass: StyleValue;
     modalClass: StyleValue;
     modalStyle: StyleValue;
     bgInClass: string;

package/dist/squirrel/components/p-steps/p-steps.types.d.ts

@@ -0,0 +1,5 @@
+export type StepItem = {
+    value: string | number | null;
+    text?: string;
+    disabled?: boolean;
+};

package/dist/squirrel/components/p-steps/p-steps.vue.d.ts

@@ -1,17 +1,16 @@
-declare const _default: <T extends readonly string[]>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & {
-        steps: T;
-        currentStep: T[number];
-        stepTitleMap?: Partial<Record<T[number], string>>;
-    } & Partial<{}>> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
-    attrs: any;
-    slots: {};
-    emit: {};
-}>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
+import type { StepItem } from './p-steps.types';
+type Props = {
+    activeStep?: StepItem['value'];
+    steps?: readonly StepItem[];
+    clickable?: boolean;
 };
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "click:step": (step: StepItem, index: number) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onClick:step"?: ((step: StepItem, index: number) => any) | undefined;
+}>, {
+    activeStep: StepItem["value"];
+    steps: readonly StepItem[];
+    clickable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};