@pequity/squirrel 8.4.5 → 8.5.0

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

@@ -1,13 +1,12 @@
 "use strict";
 const vue = require("vue");
 const pIcon_vue_vue_type_script_setup_true_lang = require("./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__ */ vue.defineComponent({
   ...{
@@ -30,19 +29,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["rounded p-4 text-xs font-semibold", ALERT_TYPES[props.type].classes]),
+        class: vue.normalizeClass(["rounded-lg p-4 text-xs font-semibold", ALERT_TYPES[props.type].classes]),
         role: "alert"
       }, [
         vue.createElementVNode("div", _hoisted_1, [
-          vue.createElementVNode("div", _hoisted_2, [
-            vue.renderSlot(_ctx.$slots, "icon", {}, () => [
-              vue.createVNode(pIcon_vue_vue_type_script_setup_true_lang._sfc_main, {
-                icon: ALERT_TYPES[props.type].icon,
-                width: "16",
-                class: "-mb-0.5",
-                inline: ""
-              }, null, 8, ["icon"])
-            ])
+          vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+            vue.createVNode(pIcon_vue_vue_type_script_setup_true_lang._sfc_main, {
+              icon: ALERT_TYPES[props.type].icon,
+              width: "20"
+            }, null, 8, ["icon"])
           ]),
           vue.createElementVNode("div", null, [
             vue.renderSlot(_ctx.$slots, "default")

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

@@ -69,7 +69,7 @@ const btnClasses = {
     size: "md"
   }
 };
-const btn = index.ce(btnClasses);
+const btn = index.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/cjs/chunks/p-input-percent.js

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

package/dist/cjs/index.js

@@ -45,6 +45,7 @@ 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 usePTableHeaderWrap = require("./usePTableHeaderWrap.js");
 const pTableHeaderCell = require("./p-table-header-cell.js");
 const pTableTd = require("./p-table-td.js");
 const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
@@ -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"];
@@ -305,7 +306,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
                 width: "32",
                 class: "text-primary"
               }),
-              vue.createElementVNode("div", _hoisted_7$2, "Drop " + vue.toDisplayString(fileWord.value), 1)
+              vue.createElementVNode("div", _hoisted_7$1, "Drop " + vue.toDisplayString(fileWord.value), 1)
             ])),
             vue.createElementVNode("input", {
               ref_key: "fileInputRef",
@@ -370,7 +371,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 _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__ */ vue.defineComponent({
                           }), 128))
                         ], 8, _hoisted_5$2)
                       ]),
-                      vue.unref(isSelected)(vue.unref(getValue)(row.index)) ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_6$2)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$1))
+                      vue.unref(isSelected)(vue.unref(getValue)(row.index)) ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_6$2)) : (vue.openBlock(), vue.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__ */ vue.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__ */ vue.defineComponent({
   ...{ name: "PTable" },
   __name: "p-table",
@@ -745,6 +745,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       vue.computed(() => props.colsResizable)
     );
     const scrollWrapper = vue.ref(null);
+    const theadRef = vue.useTemplateRef("theadRef");
     const ths = vue.ref([]);
     const {
       isColResizing,
@@ -758,6 +759,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       enabled: vue.computed(() => props.colsResizable),
       ths
     });
+    const { hasWrap } = usePTableHeaderWrap.usePTableHeaderWrap(theadRef);
     const tbodyElement = vue.ref(null);
     const updateThsRefs = (el, index2) => {
       if (el instanceof Element) {
@@ -844,7 +846,10 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
             { "first-col-fixed": _ctx.isFirstColFixed }
           ]
         }, vue.toHandlers(_ctx.colsResizable ? { mousemove: vue.unref(colResize) } : {}, true)), [
-          vue.createElementVNode("thead", null, [
+          vue.createElementVNode("thead", {
+            ref_key: "theadRef",
+            ref: theadRef
+          }, [
             vue.createElementVNode("tr", null, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.cols, (col, i) => {
                 return vue.openBlock(), vue.createElementBlock("th", vue.mergeProps({
@@ -860,7 +865,9 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                     class: vue.normalizeClass(thDivClasses(i)),
                     style: vue.normalizeStyle(bgColorStyle(col))
                   }, [
-                    vue.createElementVNode("div", _hoisted_2$1, [
+                    vue.createElementVNode("div", {
+                      class: vue.normalizeClass(["flex", { "h-10": vue.unref(hasWrap) }])
+                    }, [
                       vue.renderSlot(_ctx.$slots, `prepend-header-cell-${vue.unref(lodashEs.kebabCase)(col.name)}`, { col }, void 0, true),
                       vue.createVNode(pTableHeaderCell, vue.mergeProps({
                         text: col.title,
@@ -872,14 +879,14 @@ const _sfc_main$1 = /* @__PURE__ */ vue.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 && i !== 0 && !(i === _ctx.cols.length - 1 && _ctx.isLastColFixed) ? (vue.openBlock(), vue.createElementBlock("div", {
                       key: 0,
-                      class: vue.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", i === _ctx.cols.length - 1 ? "after:right-0.5" : "after:right-0"]),
+                      class: vue.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", i === _ctx.cols.length - 1 ? "after:right-0.5" : "after:right-0"]),
                       "data-resize-handle": "",
                       onMousedown: ($event) => vue.unref(colResizeStart)($event, i),
                       onDblclick: ($event) => vue.unref(colResizeFitToData)(i)
-                    }, null, 42, _hoisted_3$1)) : vue.createCommentVNode("", true)
+                    }, null, 42, _hoisted_2$1)) : vue.createCommentVNode("", true)
                   ], 6),
                   _ctx.subheader ? (vue.openBlock(), vue.createElementBlock("div", {
                     key: 0,
@@ -889,14 +896,14 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                   ], 2)) : vue.createCommentVNode("", true)
                 ], 16, _hoisted_1$1);
               }), 128)),
-              _ctx.colsResizable && !_ctx.isLastColFixed ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_4$1)) : vue.createCommentVNode("", true)
+              _ctx.colsResizable && !_ctx.isLastColFixed ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_3$1)) : vue.createCommentVNode("", true)
             ])
-          ]),
+          ], 512),
           vue.createElementVNode("tbody", {
             ref_key: "tbodyElement",
             ref: tbodyElement
           }, [
-            _ctx.virtualizer.paddingTop > 0 ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_5$1, [
+            _ctx.virtualizer.paddingTop > 0 ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_4$1, [
               vue.createElementVNode("td", {
                 style: vue.normalizeStyle({ height: `${_ctx.virtualizer.paddingTop}px` })
               }, null, 4)
@@ -915,7 +922,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                         default: vue.withCtx(() => [
                           vue.renderSlot(_ctx.$slots, "cell", vue.mergeProps({ ref_for: true }, { col, colIndex, rowData, rowIndex, cellData: rowData[col.name] }), () => [
                             vue.renderSlot(_ctx.$slots, `cell-${vue.unref(lodashEs.kebabCase)(col.name)}`, vue.mergeProps({ ref_for: true }, { col, rowData, rowIndex, cellData: rowData[col.name] }), () => [
-                              vue.createElementVNode("div", _hoisted_6$1, vue.toDisplayString(rowData[col.name]), 1)
+                              vue.createElementVNode("div", _hoisted_5$1, vue.toDisplayString(rowData[col.name]), 1)
                             ], true)
                           ], true)
                         ]),
@@ -926,7 +933,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                 ]);
               }), 128))
             ], true),
-            _ctx.virtualizer.paddingBottom > 0 ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_7, [
+            _ctx.virtualizer.paddingBottom > 0 ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_6$1, [
               vue.createElementVNode("td", {
                 style: vue.normalizeStyle({ height: `${_ctx.virtualizer.paddingBottom}px` })
               }, null, 4)
@@ -937,7 +944,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const pTable = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$1, [["__scopeId", "data-v-b51c1939"]]);
+const pTable = /* @__PURE__ */ _pluginVue_exportHelper._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";
@@ -1086,12 +1093,11 @@ exports.toNumberOrNull = number.toNumberOrNull;
 exports.isObject = object.isObject;
 exports.createPagingRange = pagination.createPagingRange;
 exports.sanitizeUrl = sanitization.sanitizeUrl;
-exports.cn = index.M;
-exports.cnBase = index.N;
-exports.createTV = index.fe;
-exports.defaultConfig = index.ie;
-exports.tv = index.ce;
-exports.voidEmpty = index.x;
+exports.cn = index.i;
+exports.cnBase = index.u;
+exports.createTV = index.C;
+exports.defaultConfig = index.Q;
+exports.tv = index.T;
 exports.PFileUpload = _sfc_main$3;
 exports.PSelectList = _sfc_main$2;
 exports.PTable = pTable;

package/dist/cjs/inputClasses.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const index = require("./chunks/index.js");
-const inputClasses = index.ce({
+const inputClasses = index.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",
@@ -92,7 +92,7 @@ const inputClasses = index.ce({
     size: "md"
   }
 });
-const textareaClasses = index.ce({
+const textareaClasses = index.T({
   extend: inputClasses,
   slots: {
     input: "resize-y overflow-auto"
@@ -111,7 +111,7 @@ const textareaClasses = index.ce({
     }
   }
 });
-const selectClasses = index.ce({
+const selectClasses = index.T({
   extend: inputClasses,
   slots: {
     input: "squirrel-bg-chevron-down appearance-none truncate bg-no-repeat"

package/dist/cjs/p-icon.js

@@ -36,6 +36,7 @@ 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"
 };
 exports.P_ICON_ALIASES = P_ICON_ALIASES;

package/dist/cjs/p-loading.js

@@ -10,7 +10,7 @@ const _hoisted_1$1 = {
   viewBox: "0 0 24 24"
 };
 function render(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1, _cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1, [..._cache[0] || (_cache[0] = [
     vue.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",
@@ -28,7 +28,7 @@ function render(_ctx, _cache) {
         values: "0 12 12;360 12 12"
       })
     ], -1)
-  ]));
+  ])]);
 }
 const PLoadingSpinner = { render };
 const _hoisted_1 = {

package/dist/cjs/p-modal.js

@@ -72,7 +72,7 @@ const _sfc_main = /* @__PURE__ */ vue.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.
@@ -190,7 +190,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) => ({
-      "5951a2a6": __props.maxWidth
+      "a8364442": __props.maxWidth
     }));
     let animatingZIndex = 0;
     const emit = __emit;
@@ -390,49 +390,51 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("div", {
                 ref: "pm",
                 "data-pm-id": id.value,
-                class: vue.normalizeClass([__props.modalBaseClass, __props.modalClass]),
+                class: vue.normalizeClass([__props.modalBaseClass, __props.modalClass, { "pb-6": !_ctx.$slots["modal-wrapper"] }]),
                 style: vue.normalizeStyle(__props.modalStyle)
               }, [
-                vue.renderSlot(_ctx.$slots, "title-wrapper", {}, () => [
-                  vue.createElementVNode("div", _hoisted_4, [
-                    __props.title ? (vue.openBlock(), vue.createElementBlock("h3", {
-                      key: 0,
-                      id: `${id.value}-title`,
-                      class: "mr-auto pt-4 text-xl font-semibold"
-                    }, vue.toDisplayString(__props.title), 9, _hoisted_5)) : vue.createCommentVNode("", true),
-                    vue.createElementVNode("div", _hoisted_6, [
-                      vue.createVNode(pCloseBtn, {
-                        disabled: __props.disabled,
-                        class: vue.normalizeClass({ invisible: !__props.enableClose }),
-                        "aria-label": __props.closeLabel,
-                        onClick: vue.withModifiers(close, ["prevent"])
-                      }, null, 8, ["disabled", "class", "aria-label"])
+                vue.renderSlot(_ctx.$slots, "modal-wrapper", {}, () => [
+                  vue.renderSlot(_ctx.$slots, "title-wrapper", {}, () => [
+                    vue.createElementVNode("div", _hoisted_4, [
+                      __props.title ? (vue.openBlock(), vue.createElementBlock("h3", {
+                        key: 0,
+                        id: `${id.value}-title`,
+                        class: "mr-auto pt-4 text-xl font-semibold"
+                      }, vue.toDisplayString(__props.title), 9, _hoisted_5)) : vue.createCommentVNode("", true),
+                      vue.createElementVNode("div", _hoisted_6, [
+                        vue.createVNode(pCloseBtn, {
+                          disabled: __props.disabled,
+                          class: vue.normalizeClass({ invisible: !__props.enableClose }),
+                          "aria-label": __props.closeLabel,
+                          onClick: vue.withModifiers(close, ["prevent"])
+                        }, null, 8, ["disabled", "class", "aria-label"])
+                      ])
                     ])
-                  ])
-                ], true),
-                __props.errorMsg ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
-                  vue.createVNode(pAlert_vue_vue_type_script_setup_true_lang._sfc_main, { type: "error" }, {
-                    default: vue.withCtx(() => [
-                      vue.createTextVNode(vue.toDisplayString(__props.errorMsg), 1)
-                    ]),
-                    _: 1
-                  })
-                ])) : vue.createCommentVNode("", true),
-                vue.renderSlot(_ctx.$slots, "content-wrapper", {}, () => [
-                  vue.createElementVNode("div", {
-                    id: `${id.value}-content`,
-                    class: vue.normalizeClass([
-                      "relative grow overflow-y-auto overflow-x-hidden px-8",
-                      { "pointer-events-none opacity-50": __props.disabled }
-                    ])
-                  }, [
-                    vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-                  ], 10, _hoisted_8)
-                ], true),
-                vue.renderSlot(_ctx.$slots, "footer-wrapper", {}, () => [
-                  _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
-                    vue.renderSlot(_ctx.$slots, "footer", {}, void 0, true)
-                  ])) : vue.createCommentVNode("", true)
+                  ], true),
+                  __props.errorMsg ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
+                    vue.createVNode(pAlert_vue_vue_type_script_setup_true_lang._sfc_main, { type: "error" }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(vue.toDisplayString(__props.errorMsg), 1)
+                      ]),
+                      _: 1
+                    })
+                  ])) : vue.createCommentVNode("", true),
+                  vue.renderSlot(_ctx.$slots, "content-wrapper", {}, () => [
+                    vue.createElementVNode("div", {
+                      id: `${id.value}-content`,
+                      class: vue.normalizeClass([
+                        "relative grow overflow-y-auto overflow-x-hidden px-8",
+                        { "pointer-events-none opacity-50": __props.disabled }
+                      ])
+                    }, [
+                      vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                    ], 10, _hoisted_8)
+                  ], true),
+                  vue.renderSlot(_ctx.$slots, "footer-wrapper", {}, () => [
+                    _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
+                      vue.renderSlot(_ctx.$slots, "footer", {}, void 0, true)
+                    ])) : vue.createCommentVNode("", true)
+                  ], true)
                 ], true)
               ], 14, _hoisted_3)
             ], 46, _hoisted_2), [
@@ -445,5 +447,5 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const pModal = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-bb3daa48"]]);
+const pModal = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-5c370dbc"]]);
 module.exports = pModal;

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

@@ -3,7 +3,7 @@ const pInfoIcon_vue_vue_type_script_setup_true_lang = require("./chunks/p-info-i
 const pTableFilterIcon = require("./p-table-filter-icon.js");
 const vue = require("vue");
 const _pluginVue_exportHelper = require("./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 = vue.defineComponent({
   name: "PTableHeaderCell",
   components: {
@@ -98,7 +98,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     vue.createElementVNode("div", {
       class: vue.normalizeClass([_ctx.DEFAULT_CLASSES, _ctx.textClass, _ctx.textColorClass, { "mr-auto": !_ctx.tooltipText }]),
       style: vue.normalizeStyle(_ctx.style),
-      title: _ctx.text
+      title: _ctx.text,
+      "data-p-table-header-text": ""
     }, vue.toDisplayString(_ctx.text), 15, _hoisted_2),
     _ctx.tooltipText ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
       _ctx.tooltipText ? (vue.openBlock(), vue.createBlock(_component_PInfoIcon, {

package/dist/cjs/p-table.js

@@ -5,6 +5,8 @@ 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;
+exports.HEADER_CELL_ONE_LINE_HEIGHT = HEADER_CELL_ONE_LINE_HEIGHT;
 exports.MIN_WIDTH_COL_RESIZE = MIN_WIDTH_COL_RESIZE;
 exports.colsInjectionKey = colsInjectionKey;
 exports.isColsResizableInjectionKey = isColsResizableInjectionKey;

package/dist/cjs/usePTableHeaderWrap.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const pTable = require("./p-table.js");
+const vue = require("vue");
+const usePTableHeaderWrap = (theadRef) => {
+  let headerObserver = null;
+  const hasWrap = vue.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 > pTable.HEADER_CELL_ONE_LINE_HEIGHT) {
+            hasWrap.value = true;
+            return;
+          }
+        }
+        hasWrap.value = false;
+      }
+    });
+    headerObserver.observe(theadRef.value);
+  };
+  const cleanupObserver = () => {
+    if (headerObserver) {
+      headerObserver.disconnect();
+      headerObserver = null;
+    }
+  };
+  vue.onMounted(() => {
+    setupObserver();
+  });
+  vue.onBeforeUnmount(() => {
+    cleanupObserver();
+  });
+  return { hasWrap };
+};
+exports.usePTableHeaderWrap = usePTableHeaderWrap;