@pequity/squirrel 8.4.5 → 8.5.0

package/dist/es/chunks/p-alert.js

@@ -1,12 +1,11 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, renderSlot, createVNode } from "vue";
 import { _ as _sfc_main$1 } from "./p-icon.js";
-const _hoisted_1 = { class: "flex" };
-const _hoisted_2 = { class: "pr-2" };
+const _hoisted_1 = { class: "flex items-center gap-4" };
 const ALERT_TYPES = {
-  info: { classes: `bg-info text-on-info`, icon: "streamline:information-circle-solid" },
-  warning: { classes: `bg-warning text-on-warning`, icon: "streamline:warning-triangle-solid" },
-  error: { classes: `bg-error text-on-error`, icon: "streamline:warning-octagon-solid" },
-  success: { classes: `bg-success text-on-success`, icon: "streamline:check-square-solid" }
+  info: { classes: `bg-info text-on-info`, icon: "material-symbols:info-outline" },
+  warning: { classes: `bg-warning text-on-warning`, icon: "warning" },
+  error: { classes: `bg-error text-on-error`, icon: "cancel-circle" },
+  success: { classes: `bg-success text-on-success`, icon: "ok-circle" }
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -29,19 +28,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["rounded p-4 text-xs font-semibold", ALERT_TYPES[props.type].classes]),
+        class: normalizeClass(["rounded-lg p-4 text-xs font-semibold", ALERT_TYPES[props.type].classes]),
         role: "alert"
       }, [
         createElementVNode("div", _hoisted_1, [
-          createElementVNode("div", _hoisted_2, [
-            renderSlot(_ctx.$slots, "icon", {}, () => [
-              createVNode(_sfc_main$1, {
-                icon: ALERT_TYPES[props.type].icon,
-                width: "16",
-                class: "-mb-0.5",
-                inline: ""
-              }, null, 8, ["icon"])
-            ])
+          renderSlot(_ctx.$slots, "icon", {}, () => [
+            createVNode(_sfc_main$1, {
+              icon: ALERT_TYPES[props.type].icon,
+              width: "20"
+            }, null, 8, ["icon"])
           ]),
           createElementVNode("div", null, [
             renderSlot(_ctx.$slots, "default")

package/dist/es/chunks/p-btn.js

@@ -4,7 +4,7 @@ import { _ as _sfc_main$1 } from "./p-icon.js";
 import { _ as _sfc_main$2 } from "./p-ring-loader.js";
 import { isExternalLink } from "../link.js";
 import { sanitizeUrl } from "../sanitization.js";
-import { c as ce } from "./index.js";
+import { T } from "./index.js";
 const _hoisted_1 = { class: "slot-wrapper empty:hidden" };
 const btnClasses = {
   slots: {
@@ -68,7 +68,7 @@ const btnClasses = {
     size: "md"
   }
 };
-const btn = ce(btnClasses);
+const btn = T(btnClasses);
 const BUTTON_TYPES = Object.keys(btnClasses.variants.type);
 const BUTTON_NATIVE_TYPES = ["button", "submit", "reset"];
 const LOADER_SIZES = { sm: 24, md: 30, lg: 40 };

package/dist/es/chunks/p-input-percent.js

@@ -49,9 +49,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         prefix: withCtx(() => [
           createElementVNode("div", {
             class: normalizeClass(["absolute flex items-center", prefixClasses[__props.size]])
-          }, _cache[1] || (_cache[1] = [
+          }, [..._cache[1] || (_cache[1] = [
             createElementVNode("div", null, "%", -1)
-          ]), 2)
+          ])], 2)
         ]),
         _: 1
       }, 8, ["modelValue", "size"]);

package/dist/es/index.js

@@ -11,7 +11,7 @@ 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 { 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 { 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, useTemplateRef, 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 { useInputClasses } from "./useInputClasses.js";
@@ -45,6 +45,7 @@ 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";
+import { usePTableHeaderWrap } from "./usePTableHeaderWrap.js";
 import PTableHeaderCell from "./p-table-header-cell.js";
 import PTableTd from "./p-table-td.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
@@ -65,7 +66,7 @@ import { toNumberOrNull } from "./number.js";
 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";
+import { i, u, C, Q, T } from "./chunks/index.js";
 const _hoisted_1$3 = ["data-has-error"];
 const _hoisted_2$3 = {
   key: 0,
@@ -81,7 +82,7 @@ const _hoisted_6$3 = {
   key: 1,
   class: "flex flex-col items-center"
 };
-const _hoisted_7$2 = { class: "mt-2 text-p-purple-60" };
+const _hoisted_7$1 = { class: "mt-2 text-p-purple-60" };
 const _hoisted_8 = ["accept", "multiple", "disabled"];
 const _hoisted_9 = { class: "max-h-48 overflow-y-auto overflow-x-hidden" };
 const _hoisted_10 = ["title"];
@@ -230,11 +231,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       return res;
     };
     const uploadFile = (e) => {
-      const f2 = e.target?.files || e.dataTransfer?.files;
-      if (!f2) {
+      const f = e.target?.files || e.dataTransfer?.files;
+      if (!f) {
         return;
       }
-      const validatedFiles = props.fileTypes ? validateFiles(Array.from(f2)) : Array.from(f2);
+      const validatedFiles = props.fileTypes ? validateFiles(Array.from(f)) : Array.from(f);
       files.value = props.multiple ? [...files.value, ...validatedFiles] : validatedFiles;
       emit("file-added", validatedFiles);
     };
@@ -305,7 +306,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 width: "32",
                 class: "text-primary"
               }),
-              createElementVNode("div", _hoisted_7$2, "Drop " + toDisplayString(fileWord.value), 1)
+              createElementVNode("div", _hoisted_7$1, "Drop " + toDisplayString(fileWord.value), 1)
             ])),
             createElementVNode("input", {
               ref_key: "fileInputRef",
@@ -370,7 +371,7 @@ const _hoisted_6$2 = {
   class: "ml-auto fill-p-purple-60 pl-2",
   src: _imports_0$1
 };
-const _hoisted_7$1 = {
+const _hoisted_7 = {
   key: 1,
   class: "ml-auto h-4 w-[26px] pl-2"
 };
@@ -674,7 +675,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                           }), 128))
                         ], 8, _hoisted_5$2)
                       ]),
-                      unref(isSelected)(unref(getValue)(row.index)) ? (openBlock(), createElementBlock("img", _hoisted_6$2)) : (openBlock(), createElementBlock("div", _hoisted_7$1))
+                      unref(isSelected)(unref(getValue)(row.index)) ? (openBlock(), createElementBlock("img", _hoisted_6$2)) : (openBlock(), createElementBlock("div", _hoisted_7))
                     ], 2)
                   ], 14, _hoisted_4$2)), [
                     [_directive_close_popper, __props.closePopperOnSelect && !__props.multiple]
@@ -699,15 +700,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$1 = ["data-col-id"];
-const _hoisted_2$1 = { class: "flex" };
-const _hoisted_3$1 = ["onMousedown", "onDblclick"];
-const _hoisted_4$1 = {
+const _hoisted_2$1 = ["onMousedown", "onDblclick"];
+const _hoisted_3$1 = {
   key: 0,
   class: "min-w-[80px] bg-gradient-to-r from-white via-p-gray-10 to-p-gray-10"
 };
-const _hoisted_5$1 = { key: 0 };
-const _hoisted_6$1 = { class: "py-2" };
-const _hoisted_7 = { key: 1 };
+const _hoisted_4$1 = { key: 0 };
+const _hoisted_5$1 = { class: "py-2" };
+const _hoisted_6$1 = { key: 1 };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   ...{ name: "PTable" },
   __name: "p-table",
@@ -745,6 +745,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       computed(() => props.colsResizable)
     );
     const scrollWrapper = ref(null);
+    const theadRef = useTemplateRef("theadRef");
     const ths = ref([]);
     const {
       isColResizing,
@@ -758,6 +759,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       enabled: computed(() => props.colsResizable),
       ths
     });
+    const { hasWrap } = usePTableHeaderWrap(theadRef);
     const tbodyElement = ref(null);
     const updateThsRefs = (el, index) => {
       if (el instanceof Element) {
@@ -844,7 +846,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             { "first-col-fixed": _ctx.isFirstColFixed }
           ]
         }, toHandlers(_ctx.colsResizable ? { mousemove: unref(colResize) } : {}, true)), [
-          createElementVNode("thead", null, [
+          createElementVNode("thead", {
+            ref_key: "theadRef",
+            ref: theadRef
+          }, [
             createElementVNode("tr", null, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(props.cols, (col, i2) => {
                 return openBlock(), createElementBlock("th", mergeProps({
@@ -860,7 +865,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     class: normalizeClass(thDivClasses(i2)),
                     style: normalizeStyle(bgColorStyle(col))
                   }, [
-                    createElementVNode("div", _hoisted_2$1, [
+                    createElementVNode("div", {
+                      class: normalizeClass(["flex", { "h-10": unref(hasWrap) }])
+                    }, [
                       renderSlot(_ctx.$slots, `prepend-header-cell-${unref(kebabCase)(col.name)}`, { col }, void 0, true),
                       createVNode(PTableHeaderCell, mergeProps({
                         text: col.title,
@@ -872,14 +879,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       }, { ref_for: true }, col.headerCellAttrs, {
                         onClickFilterIcon: ($event) => _ctx.$emit("click-filter-icon", $event, col)
                       }), null, 16, ["text", "filter-active", "show-filter-icon", "tooltip-text", "class", "text-color", "onClickFilterIcon"])
-                    ]),
+                    ], 2),
                     _ctx.colsResizable && i2 !== 0 && !(i2 === _ctx.cols.length - 1 && _ctx.isLastColFixed) ? (openBlock(), createElementBlock("div", {
                       key: 0,
-                      class: normalizeClass(["absolute bottom-2 right-0 z-110 h-5 w-2 cursor-col-resize after:absolute after:bottom-0 after:z-110 after:block after:h-full after:w-2 after:cursor-col-resize after:border-r-2 after:border-dashed after:border-p-gray-30", i2 === _ctx.cols.length - 1 ? "after:right-0.5" : "after:right-0"]),
+                      class: normalizeClass(["absolute right-0 top-1/2 z-110 h-5 w-2 -translate-y-1/2 cursor-col-resize after:absolute after:bottom-0 after:z-110 after:block after:h-full after:w-2 after:cursor-col-resize after:border-r-2 after:border-dashed after:border-p-gray-30", i2 === _ctx.cols.length - 1 ? "after:right-0.5" : "after:right-0"]),
                       "data-resize-handle": "",
                       onMousedown: ($event) => unref(colResizeStart)($event, i2),
                       onDblclick: ($event) => unref(colResizeFitToData)(i2)
-                    }, null, 42, _hoisted_3$1)) : createCommentVNode("", true)
+                    }, null, 42, _hoisted_2$1)) : createCommentVNode("", true)
                   ], 6),
                   _ctx.subheader ? (openBlock(), createElementBlock("div", {
                     key: 0,
@@ -889,14 +896,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   ], 2)) : createCommentVNode("", true)
                 ], 16, _hoisted_1$1);
               }), 128)),
-              _ctx.colsResizable && !_ctx.isLastColFixed ? (openBlock(), createElementBlock("th", _hoisted_4$1)) : createCommentVNode("", true)
+              _ctx.colsResizable && !_ctx.isLastColFixed ? (openBlock(), createElementBlock("th", _hoisted_3$1)) : createCommentVNode("", true)
             ])
-          ]),
+          ], 512),
           createElementVNode("tbody", {
             ref_key: "tbodyElement",
             ref: tbodyElement
           }, [
-            _ctx.virtualizer.paddingTop > 0 ? (openBlock(), createElementBlock("tr", _hoisted_5$1, [
+            _ctx.virtualizer.paddingTop > 0 ? (openBlock(), createElementBlock("tr", _hoisted_4$1, [
               createElementVNode("td", {
                 style: normalizeStyle({ height: `${_ctx.virtualizer.paddingTop}px` })
               }, null, 4)
@@ -915,7 +922,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           renderSlot(_ctx.$slots, "cell", mergeProps({ ref_for: true }, { col, colIndex, rowData, rowIndex, cellData: rowData[col.name] }), () => [
                             renderSlot(_ctx.$slots, `cell-${unref(kebabCase)(col.name)}`, mergeProps({ ref_for: true }, { col, rowData, rowIndex, cellData: rowData[col.name] }), () => [
-                              createElementVNode("div", _hoisted_6$1, toDisplayString(rowData[col.name]), 1)
+                              createElementVNode("div", _hoisted_5$1, toDisplayString(rowData[col.name]), 1)
                             ], true)
                           ], true)
                         ]),
@@ -926,7 +933,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 ]);
               }), 128))
             ], true),
-            _ctx.virtualizer.paddingBottom > 0 ? (openBlock(), createElementBlock("tr", _hoisted_7, [
+            _ctx.virtualizer.paddingBottom > 0 ? (openBlock(), createElementBlock("tr", _hoisted_6$1, [
               createElementVNode("td", {
                 style: normalizeStyle({ height: `${_ctx.virtualizer.paddingBottom}px` })
               }, null, 4)
@@ -937,7 +944,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const pTable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-b51c1939"]]);
+const pTable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-8af637b9"]]);
 const _imports_0 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1019_75838)'%3e%3cpath%20d='M11.6533%203.37331L8.47329%200.18664C8.41131%200.124154%208.33758%200.074558%208.25634%200.0407122C8.1751%200.00686641%208.08796%20-0.0105591%207.99995%20-0.0105591C7.91194%20-0.0105591%207.82481%200.00686641%207.74357%200.0407122C7.66233%200.074558%207.58859%200.124154%207.52662%200.18664L4.34662%203.37331C4.253%203.46615%204.18902%203.58468%204.16277%203.71388C4.13651%203.84309%204.14916%203.97719%204.19911%204.09921C4.24906%204.22123%204.33407%204.3257%204.44339%204.39941C4.55271%204.47312%204.68144%204.51275%204.81329%204.51331H6.81329C6.83571%204.51054%206.85846%204.51235%206.88016%204.51865C6.90186%204.52494%206.92205%204.53559%206.93951%204.54993C6.95697%204.56427%206.97133%204.58201%206.98172%204.60207C6.99211%204.62214%206.99832%204.6441%206.99995%204.66664V14.9933C6.99995%2015.2585%207.10531%2015.5129%207.29285%2015.7004C7.48038%2015.888%207.73474%2015.9933%207.99995%2015.9933C8.26517%2015.9933%208.51952%2015.888%208.70706%2015.7004C8.8946%2015.5129%208.99995%2015.2585%208.99995%2014.9933V4.66664C8.99995%204.62244%209.01751%204.58004%209.04877%204.54879C9.08002%204.51753%209.12242%204.49997%209.16662%204.49997H11.1666C11.2985%204.49942%2011.4272%204.45978%2011.5365%204.38608C11.6458%204.31237%2011.7308%204.2079%2011.7808%204.08587C11.8307%203.96385%2011.8434%203.82976%2011.8171%203.70055C11.7909%203.57134%2011.7269%203.45282%2011.6333%203.35997L11.6533%203.37331Z'%20fill='%23424E6E'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1019_75838'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
 const _imports_1 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1019_80096)'%3e%3cpath%20d='M11.6533%203.37331L8.47329%200.18664C8.41131%200.124154%208.33758%200.074558%208.25634%200.0407122C8.1751%200.00686641%208.08796%20-0.0105591%207.99995%20-0.0105591C7.91194%20-0.0105591%207.82481%200.00686641%207.74357%200.0407122C7.66233%200.074558%207.58859%200.124154%207.52662%200.18664L4.34662%203.37331C4.253%203.46615%204.18902%203.58468%204.16277%203.71388C4.13651%203.84309%204.14916%203.97719%204.19911%204.09921C4.24906%204.22123%204.33407%204.3257%204.44339%204.39941C4.55271%204.47312%204.68144%204.51275%204.81329%204.51331H6.81329C6.83571%204.51054%206.85846%204.51235%206.88016%204.51865C6.90186%204.52494%206.92205%204.53559%206.93951%204.54993C6.95697%204.56427%206.97133%204.58201%206.98172%204.60207C6.99211%204.62214%206.99832%204.6441%206.99995%204.66664V14.9933C6.99995%2015.2585%207.10531%2015.5129%207.29285%2015.7004C7.48038%2015.888%207.73474%2015.9933%207.99995%2015.9933C8.26517%2015.9933%208.51952%2015.888%208.70706%2015.7004C8.8946%2015.5129%208.99995%2015.2585%208.99995%2014.9933V4.66664C8.99995%204.62244%209.01751%204.58004%209.04877%204.54879C9.08002%204.51753%209.12242%204.49997%209.16662%204.49997H11.1666C11.2985%204.49942%2011.4272%204.45978%2011.5365%204.38608C11.6458%204.31237%2011.7308%204.2079%2011.7808%204.08587C11.8307%203.96385%2011.8434%203.82976%2011.8171%203.70055C11.7909%203.57134%2011.7269%203.45282%2011.6333%203.35997L11.6533%203.37331Z'%20fill='%23323CEB'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1019_80096'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
 const _imports_2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1019_75842)'%3e%3cpath%20d='M11.8%2011.8933C11.75%2011.7716%2011.665%2011.6674%2011.5559%2011.5938C11.4467%2011.5203%2011.3183%2011.4807%2011.1866%2011.48H9.18664C9.16473%2011.4828%209.14248%2011.4812%209.12119%2011.4753C9.0999%2011.4694%209.07999%2011.4594%209.06262%2011.4457C9.04525%2011.4321%209.03077%2011.4151%209.02001%2011.3958C9.00926%2011.3765%209.00245%2011.3553%208.99997%2011.3333V1C8.99997%200.734784%208.89462%200.48043%208.70708%200.292893C8.51954%200.105357%208.26519%200%207.99997%200C7.73476%200%207.4804%200.105357%207.29287%200.292893C7.10533%200.48043%206.99997%200.734784%206.99997%201V11.3333C6.99997%2011.3775%206.98241%2011.4199%206.95116%2011.4512C6.9199%2011.4824%206.87751%2011.5%206.83331%2011.5H4.83331C4.70146%2011.5006%204.57273%2011.5402%204.46341%2011.6139C4.35409%2011.6876%204.26908%2011.7921%204.21913%2011.9141C4.16918%2012.0361%204.15653%2012.1702%204.18279%2012.2994C4.20904%2012.4286%204.27302%2012.5472%204.36664%2012.64L7.54664%2015.8267C7.60861%2015.8892%207.68235%2015.9387%207.76359%2015.9726C7.84483%2016.0064%207.93196%2016.0239%208.01997%2016.0239C8.10798%2016.0239%208.19512%2016.0064%208.27636%2015.9726C8.3576%2015.9387%208.43133%2015.8892%208.49331%2015.8267L11.6733%2012.64C11.7677%2012.5431%2011.8303%2012.4198%2011.853%2012.2864C11.8756%2012.153%2011.8571%2012.0159%2011.8%2011.8933Z'%20fill='%23424E6E'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1019_75842'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
@@ -1070,12 +1077,12 @@ export {
   P_ICON_ALIASES,
   S as SIZES,
   SORTING_TYPES,
-  M as cn,
-  N as cnBase,
+  i as cn,
+  u as cnBase,
   colsInjectionKey,
   createPagingRange,
-  f as createTV,
-  i as defaultConfig,
+  C as createTV,
+  Q as defaultConfig,
   getNextActiveElement,
   isColsResizableInjectionKey,
   isElement,
@@ -1089,12 +1096,11 @@ export {
   squirrelTailwindConfig,
   toNumberOrNull,
   toString,
-  c as tv,
+  T as tv,
   useInputClasses,
   usePLoading,
   usePModal,
   usePTableColResize,
   usePTableRowVirtualizer,
-  useSelectList,
-  x as voidEmpty
+  useSelectList
 };

package/dist/es/inputClasses.js

@@ -1,5 +1,5 @@
-import { c as ce } from "./chunks/index.js";
-const inputClasses = ce({
+import { T } from "./chunks/index.js";
+const inputClasses = T({
   slots: {
     input: "w-full rounded border-0 bg-surface text-night ring-1 ring-inset ring-p-gray-30 placeholder:text-p-gray-40 hover:ring-primary focus:outline-none focus:ring-2 focus:ring-primary disabled:cursor-default disabled:bg-p-blue-10 disabled:ring-p-gray-30 disabled:hover:ring-p-gray-30",
     label: "mb-1 block font-medium",
@@ -90,7 +90,7 @@ const inputClasses = ce({
     size: "md"
   }
 });
-const textareaClasses = ce({
+const textareaClasses = T({
   extend: inputClasses,
   slots: {
     input: "resize-y overflow-auto"
@@ -109,7 +109,7 @@ const textareaClasses = ce({
     }
   }
 });
-const selectClasses = ce({
+const selectClasses = T({
   extend: inputClasses,
   slots: {
     input: "squirrel-bg-chevron-down appearance-none truncate bg-no-repeat"

package/dist/es/p-icon.js

@@ -34,7 +34,8 @@ const P_ICON_ALIASES = {
   upload: "tdesign:upload",
   info: "streamline:information-circle",
   help: "ph:question",
-  search: "streamline:magnifying-glass-solid"
+  search: "streamline:magnifying-glass-solid",
+  warning: "ri:error-warning-line"
 };
 export {
   P_ICON_ALIASES

package/dist/es/p-loading.js

@@ -9,7 +9,7 @@ const _hoisted_1$1 = {
   viewBox: "0 0 24 24"
 };
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$1, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       d: "M12 1a11 11 0 1 0 11 11A11 11 0 0 0 12 1m0 19a8 8 0 1 1 8-8 8 8 0 0 1-8 8",
@@ -27,7 +27,7 @@ function render(_ctx, _cache) {
         values: "0 12 12;360 12 12"
       })
     ], -1)
-  ]));
+  ])]);
 }
 const PLoadingSpinner = { render };
 const _hoisted_1 = {

package/dist/es/p-modal.js

@@ -71,7 +71,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
      */
     modalBaseClass: {
       type: [String, Object, Array],
-      default: "pm relative flex flex-col rounded-2xl pb-6 cursor-default bg-surface shadow-xl"
+      default: "pm relative flex flex-col rounded-2xl cursor-default bg-surface shadow-xl"
     },
     /**
      * Additional CSS classes for the modal content.
@@ -189,7 +189,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) => ({
-      "5951a2a6": __props.maxWidth
+      "a8364442": __props.maxWidth
     }));
     let animatingZIndex = 0;
     const emit = __emit;
@@ -389,49 +389,51 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createElementVNode("div", {
                 ref: "pm",
                 "data-pm-id": id.value,
-                class: normalizeClass([__props.modalBaseClass, __props.modalClass]),
+                class: normalizeClass([__props.modalBaseClass, __props.modalClass, { "pb-6": !_ctx.$slots["modal-wrapper"] }]),
                 style: normalizeStyle(__props.modalStyle)
               }, [
-                renderSlot(_ctx.$slots, "title-wrapper", {}, () => [
-                  createElementVNode("div", _hoisted_4, [
-                    __props.title ? (openBlock(), createElementBlock("h3", {
-                      key: 0,
-                      id: `${id.value}-title`,
-                      class: "mr-auto pt-4 text-xl font-semibold"
-                    }, toDisplayString(__props.title), 9, _hoisted_5)) : createCommentVNode("", true),
-                    createElementVNode("div", _hoisted_6, [
-                      createVNode(PCloseBtn, {
-                        disabled: __props.disabled,
-                        class: normalizeClass({ invisible: !__props.enableClose }),
-                        "aria-label": __props.closeLabel,
-                        onClick: withModifiers(close, ["prevent"])
-                      }, null, 8, ["disabled", "class", "aria-label"])
+                renderSlot(_ctx.$slots, "modal-wrapper", {}, () => [
+                  renderSlot(_ctx.$slots, "title-wrapper", {}, () => [
+                    createElementVNode("div", _hoisted_4, [
+                      __props.title ? (openBlock(), createElementBlock("h3", {
+                        key: 0,
+                        id: `${id.value}-title`,
+                        class: "mr-auto pt-4 text-xl font-semibold"
+                      }, toDisplayString(__props.title), 9, _hoisted_5)) : createCommentVNode("", true),
+                      createElementVNode("div", _hoisted_6, [
+                        createVNode(PCloseBtn, {
+                          disabled: __props.disabled,
+                          class: normalizeClass({ invisible: !__props.enableClose }),
+                          "aria-label": __props.closeLabel,
+                          onClick: withModifiers(close, ["prevent"])
+                        }, null, 8, ["disabled", "class", "aria-label"])
+                      ])
                     ])
-                  ])
-                ], true),
-                __props.errorMsg ? (openBlock(), createElementBlock("div", _hoisted_7, [
-                  createVNode(_sfc_main$1, { type: "error" }, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(__props.errorMsg), 1)
-                    ]),
-                    _: 1
-                  })
-                ])) : createCommentVNode("", true),
-                renderSlot(_ctx.$slots, "content-wrapper", {}, () => [
-                  createElementVNode("div", {
-                    id: `${id.value}-content`,
-                    class: normalizeClass([
-                      "relative grow overflow-y-auto overflow-x-hidden px-8",
-                      { "pointer-events-none opacity-50": __props.disabled }
-                    ])
-                  }, [
-                    renderSlot(_ctx.$slots, "default", {}, void 0, true)
-                  ], 10, _hoisted_8)
-                ], true),
-                renderSlot(_ctx.$slots, "footer-wrapper", {}, () => [
-                  _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_9, [
-                    renderSlot(_ctx.$slots, "footer", {}, void 0, true)
-                  ])) : createCommentVNode("", true)
+                  ], true),
+                  __props.errorMsg ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                    createVNode(_sfc_main$1, { type: "error" }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(__props.errorMsg), 1)
+                      ]),
+                      _: 1
+                    })
+                  ])) : createCommentVNode("", true),
+                  renderSlot(_ctx.$slots, "content-wrapper", {}, () => [
+                    createElementVNode("div", {
+                      id: `${id.value}-content`,
+                      class: normalizeClass([
+                        "relative grow overflow-y-auto overflow-x-hidden px-8",
+                        { "pointer-events-none opacity-50": __props.disabled }
+                      ])
+                    }, [
+                      renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                    ], 10, _hoisted_8)
+                  ], true),
+                  renderSlot(_ctx.$slots, "footer-wrapper", {}, () => [
+                    _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_9, [
+                      renderSlot(_ctx.$slots, "footer", {}, void 0, true)
+                    ])) : createCommentVNode("", true)
+                  ], true)
                 ], true)
               ], 14, _hoisted_3)
             ], 46, _hoisted_2), [
@@ -444,7 +446,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const pModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bb3daa48"]]);
+const pModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5c370dbc"]]);
 export {
   pModal as default
 };

package/dist/es/p-table-header-cell.js

@@ -2,7 +2,7 @@ import { _ as _sfc_main$1 } from "./chunks/p-info-icon.js";
 import PTableFilterIcon from "./p-table-filter-icon.js";
 import { defineComponent, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, normalizeStyle, normalizeClass, toDisplayString, createBlock } from "vue";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
-const DEFAULT_CLASSES = `text-xs leading-5 font-semibold truncate shrink`;
+const DEFAULT_CLASSES = `text-xs leading-5 font-semibold line-clamp-2 break-words hyphens-auto whitespace-normal max-h-10 shrink`;
 const _sfc_main = defineComponent({
   name: "PTableHeaderCell",
   components: {
@@ -97,7 +97,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("div", {
       class: normalizeClass([_ctx.DEFAULT_CLASSES, _ctx.textClass, _ctx.textColorClass, { "mr-auto": !_ctx.tooltipText }]),
       style: normalizeStyle(_ctx.style),
-      title: _ctx.text
+      title: _ctx.text,
+      "data-p-table-header-text": ""
     }, toDisplayString(_ctx.text), 15, _hoisted_2),
     _ctx.tooltipText ? (openBlock(), createElementBlock("div", _hoisted_3, [
       _ctx.tooltipText ? (openBlock(), createBlock(_component_PInfoIcon, {

package/dist/es/p-table.js

@@ -3,7 +3,9 @@ const isFirstColFixedInjectionKey = Symbol("isFirstColFixed");
 const isLastColFixedInjectionKey = Symbol("isLastColFixed");
 const isColsResizableInjectionKey = Symbol("isColsResizable");
 const MIN_WIDTH_COL_RESIZE = 80;
+const HEADER_CELL_ONE_LINE_HEIGHT = 20;
 export {
+  HEADER_CELL_ONE_LINE_HEIGHT,
   MIN_WIDTH_COL_RESIZE,
   colsInjectionKey,
   isColsResizableInjectionKey,

package/dist/es/usePTableHeaderWrap.js

@@ -0,0 +1,38 @@
+import { HEADER_CELL_ONE_LINE_HEIGHT } from "./p-table.js";
+import { ref, onMounted, onBeforeUnmount } from "vue";
+const usePTableHeaderWrap = (theadRef) => {
+  let headerObserver = null;
+  const hasWrap = ref(false);
+  const setupObserver = () => {
+    if (!theadRef.value) return;
+    headerObserver = new ResizeObserver(() => {
+      if (theadRef.value) {
+        const textDivs = theadRef.value.querySelectorAll("[data-p-table-header-text]");
+        for (const div of textDivs) {
+          if (div.offsetHeight > HEADER_CELL_ONE_LINE_HEIGHT) {
+            hasWrap.value = true;
+            return;
+          }
+        }
+        hasWrap.value = false;
+      }
+    });
+    headerObserver.observe(theadRef.value);
+  };
+  const cleanupObserver = () => {
+    if (headerObserver) {
+      headerObserver.disconnect();
+      headerObserver = null;
+    }
+  };
+  onMounted(() => {
+    setupObserver();
+  });
+  onBeforeUnmount(() => {
+    cleanupObserver();
+  });
+  return { hasWrap };
+};
+export {
+  usePTableHeaderWrap
+};

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

@@ -16,7 +16,7 @@ type Props = {
      */
     actions: PActionBarAction[];
 };
-declare const _default: import("vue").DefineComponent<Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "click:dismiss": () => any;
     "click:action": (name: string | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{

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

@@ -26,7 +26,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
         default: string;
         validator(value: keyof typeof ALERT_TYPES): boolean;
     };
-}>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The type of the alert which determines its appearance and icon
      */
@@ -36,7 +36,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
         validator(value: keyof typeof ALERT_TYPES): boolean;
     };
 }>> & Readonly<{}>, {
-    type: "info" | "error" | "success" | "warning";
+    type: "info" | "warning" | "error" | "success";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     /**
      * Custom icon slot - use this to override the default alert type icon.

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

@@ -42,7 +42,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
-}>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The shape of the avatar
      */

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

@@ -282,7 +282,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
         type: PropType<Icon>;
         default: string;
     };
-}>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The button style e.g primary, secondary, primary-outline, secondary-outline, error, success, primary-link
      */
@@ -344,14 +344,14 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
         default: string;
     };
 }>> & Readonly<{}>, {
-    icon: "delete" | "edit" | "send" | "settings" | "empty" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-down" | "ok-circle" | "cancel-circle" | "ok" | "cancel" | "ok-bold" | "cancel-bold" | "archive" | "lock" | "drag-horizontal" | "email" | "location" | "calendar" | "save" | "copy" | "plus" | "add" | "more" | "filters" | "bar-chart" | "list" | "formula" | "refresh" | "download" | "upload" | "info" | "help" | "search" | (string & {});
+    icon: "delete" | "edit" | "send" | "settings" | "empty" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-down" | "ok-circle" | "cancel-circle" | "ok" | "cancel" | "ok-bold" | "cancel-bold" | "archive" | "lock" | "drag-horizontal" | "email" | "location" | "calendar" | "save" | "copy" | "plus" | "add" | "more" | "filters" | "bar-chart" | "list" | "formula" | "refresh" | "download" | "upload" | "info" | "help" | "search" | "warning" | (string & {});
     size: "sm" | "md" | "lg";
     type: ButtonType;
     nativeType: "button" | "submit" | "reset";
     loading: boolean;
     selected: boolean;
     to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
-    iconRight: "delete" | "edit" | "send" | "settings" | "empty" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-down" | "ok-circle" | "cancel-circle" | "ok" | "cancel" | "ok-bold" | "cancel-bold" | "archive" | "lock" | "drag-horizontal" | "email" | "location" | "calendar" | "save" | "copy" | "plus" | "add" | "more" | "filters" | "bar-chart" | "list" | "formula" | "refresh" | "download" | "upload" | "info" | "help" | "search" | (string & {});
+    iconRight: "delete" | "edit" | "send" | "settings" | "empty" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-down" | "ok-circle" | "cancel-circle" | "ok" | "cancel" | "ok-bold" | "cancel-bold" | "archive" | "lock" | "drag-horizontal" | "email" | "location" | "calendar" | "save" | "copy" | "plus" | "add" | "more" | "filters" | "bar-chart" | "list" | "formula" | "refresh" | "download" | "upload" | "info" | "help" | "search" | "warning" | (string & {});
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     /**
      * Default slot - the content of the button.