@pequity/squirrel 8.5.0 → 8.5.2

package/README.md

@@ -174,8 +174,8 @@ This configuration enables:
 
 ---
 
-:fire: **HEADS UP!** This repo uses [conventional commits](https://www.conventionalcommits.org/en/v1.0.0/) and [semantic-release](https://github.com/semantic-release/semantic-release) to automate the whole package release workflow including: determining the next version number, generating the release notes, and publishing the package to npm.  
-Commit messages have to follow the commit message format when contributing.
+:fire: **HEADS UP!** This repo uses [conventional commits](https://www.conventionalcommits.org/en/v1.0.0/) and [semantic-release](https://github.com/semantic-release/semantic-release) to automate the whole package release workflow including: determining the next version number, generating the release notes, and publishing the package to `npm`.  
+Commit messages have to follow the conventional commit message format when contributing.
 
 ---
 

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

@@ -0,0 +1,58 @@
+"use strict";
+const vue = require("vue");
+const pIcon_vue_vue_type_script_setup_true_lang = require("./p-icon.js");
+const pInfoIcon_vue_vue_type_script_setup_true_lang = require("./p-info-icon.js");
+const _hoisted_1 = { class: "flex items-center overflow-hidden" };
+const _hoisted_2 = ["title"];
+const _hoisted_3 = {
+  key: 0,
+  class: "relative ml-1 mr-auto h-3 w-3 shrink-0"
+};
+const DEFAULT_CLASSES = `text-xs font-semibold line-clamp-2 break-words hyphens-auto whitespace-normal max-h-10 shrink`;
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PTableHeaderCell"
+  },
+  __name: "p-table-header-cell",
+  props: {
+    text: { default: "" },
+    textClass: { default: "text-left" },
+    filterActive: { type: Boolean, default: false },
+    showFilterIcon: { type: Boolean, default: false },
+    tooltipText: { default: "" },
+    textColor: { default: "" }
+  },
+  emits: ["click-filter-icon"],
+  setup(__props) {
+    const props = __props;
+    const textColorClass = vue.computed(
+      () => props.filterActive ? "text-active-blue" : props.textColor ? "" : "text-p-gray-60"
+    );
+    const style = vue.computed(() => props.filterActive ? {} : { color: props.textColor });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass([DEFAULT_CLASSES, _ctx.textClass, textColorClass.value, { "mr-auto": !_ctx.tooltipText }]),
+          style: vue.normalizeStyle(style.value),
+          title: _ctx.text,
+          "data-p-table-header-text": ""
+        }, vue.toDisplayString(_ctx.text), 15, _hoisted_2),
+        _ctx.tooltipText ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+          vue.createVNode(pInfoIcon_vue_vue_type_script_setup_true_lang._sfc_main, { text: _ctx.tooltipText }, null, 8, ["text"])
+        ])) : vue.createCommentVNode("", true),
+        vue.createVNode(pIcon_vue_vue_type_script_setup_true_lang._sfc_main, {
+          icon: _ctx.filterActive ? "ph:funnel-fill" : "si:filter-list-alt-duotone",
+          class: vue.normalizeClass([
+            "ml-2 mr-px cursor-pointer rounded-sm",
+            { hidden: !_ctx.showFilterIcon },
+            _ctx.filterActive ? "text-active-blue hover:bg-p-blue-10 hover:text-p-blue-60 hover:ring-1 hover:ring-p-blue-10" : "text-p-gray-60 hover:bg-p-gray-10 hover:text-night hover:ring-1 hover:ring-p-gray-10"
+          ]),
+          height: "16",
+          "data-p-table-header-filter-icon": "",
+          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click-filter-icon", $event, _ctx.filterActive))
+        }, null, 8, ["icon", "class"])
+      ]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/index.js

@@ -46,11 +46,10 @@ 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 pTableHeaderCell_vue_vue_type_script_setup_true_lang = require("./chunks/p-table-header-cell.js");
 const pTableTd = require("./p-table-td.js");
 const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
 const usePTableRowVirtualizer = require("./usePTableRowVirtualizer.js");
-const pTableFilterIcon = require("./p-table-filter-icon.js");
 const pTableLoader_vue_vue_type_script_setup_true_lang = require("./chunks/p-table-loader.js");
 const pTableSort = require("./p-table-sort.js");
 const pTabs_vue_vue_type_script_setup_true_lang = require("./chunks/p-tabs.js");
@@ -866,15 +865,19 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                     style: vue.normalizeStyle(bgColorStyle(col))
                   }, [
                     vue.createElementVNode("div", {
-                      class: vue.normalizeClass(["flex", { "h-10": vue.unref(hasWrap) }])
+                      class: vue.normalizeClass(["flex", { "h-8": 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({
+                      vue.createVNode(pTableHeaderCell_vue_vue_type_script_setup_true_lang._sfc_main, vue.mergeProps({
                         text: col.title,
                         "filter-active": col.filterActive,
                         "show-filter-icon": col.filterable || col.sortable,
                         "tooltip-text": col.tooltip,
-                        class: [{ "pl-2": i === 1 && _ctx.isFirstColFixed, "pr-2": i === _ctx.cols.length && _ctx.isLastColFixed }, "grow"],
+                        class: [
+                          vue.unref(hasWrap) ? "leading-4" : "leading-5",
+                          { "pl-2": i === 1 && _ctx.isFirstColFixed, "pr-2": i === _ctx.cols.length && _ctx.isLastColFixed },
+                          "grow"
+                        ],
                         "text-color": headerCellTextColor(col)
                       }, { ref_for: true }, col.headerCellAttrs, {
                         onClickFilterIcon: ($event) => _ctx.$emit("click-filter-icon", $event, col)
@@ -944,7 +947,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const pTable = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$1, [["__scopeId", "data-v-8af637b9"]]);
+const pTable = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$1, [["__scopeId", "data-v-58c21732"]]);
 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";
@@ -1072,10 +1075,9 @@ exports.isColsResizableInjectionKey = pTable$1.isColsResizableInjectionKey;
 exports.isFirstColFixedInjectionKey = pTable$1.isFirstColFixedInjectionKey;
 exports.isLastColFixedInjectionKey = pTable$1.isLastColFixedInjectionKey;
 exports.usePTableColResize = usePTableColResize.usePTableColResize;
-exports.PTableHeaderCell = pTableHeaderCell;
+exports.PTableHeaderCell = pTableHeaderCell_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.PTableTd = pTableTd;
 exports.usePTableRowVirtualizer = usePTableRowVirtualizer.usePTableRowVirtualizer;
-exports.PFilterIcon = pTableFilterIcon;
 exports.PTableLoader = pTableLoader_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.SORTING_TYPES = pTableSort.SORTING_TYPES;
 exports.PTabs = pTabs_vue_vue_type_script_setup_true_lang._sfc_main;

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

@@ -1,118 +1,3 @@
 "use strict";
-const pInfoIcon_vue_vue_type_script_setup_true_lang = require("./chunks/p-info-icon.js");
-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 line-clamp-2 break-words hyphens-auto whitespace-normal max-h-10 shrink`;
-const _sfc_main = vue.defineComponent({
-  name: "PTableHeaderCell",
-  components: {
-    PTableFilterIcon: pTableFilterIcon,
-    PInfoIcon: pInfoIcon_vue_vue_type_script_setup_true_lang._sfc_main
-  },
-  props: {
-    /**
-     * The text content to display in the header cell.
-     * Also used as the title attribute for accessibility.
-     */
-    text: {
-      type: String,
-      default: ""
-    },
-    /**
-     * CSS classes to apply to the text element.
-     * Can be a string, object, or array for flexible styling.
-     */
-    textClass: {
-      type: [String, Object, Array],
-      default: "text-left"
-    },
-    /**
-     * Whether the filter icon is in an active state.
-     * Controls the visual appearance of the filter icon and text color.
-     */
-    filterActive: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether to show the filter icon.
-     * When false, the filter icon is hidden regardless of other states.
-     */
-    showFilterIcon: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Tooltip text to display when hovering over the info icon.
-     * When provided, shows an info icon with the tooltip content.
-     */
-    tooltipText: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Custom text color to apply to the header text.
-     * Overrides the default text color when provided.
-     */
-    textColor: {
-      type: String,
-      default: ""
-    }
-  },
-  /**
-   * Emitted when the filter icon is clicked.
-   * @param {Event} event - The click event
-   * @param {boolean} filterActive - The current filter active state
-   */
-  emits: ["click-filter-icon"],
-  data() {
-    return {
-      DEFAULT_CLASSES
-    };
-  },
-  computed: {
-    textColorClass() {
-      return this.filterActive ? "text-active-blue" : this.textColor ? "" : "text-p-gray-60";
-    },
-    style() {
-      if (this.filterActive) {
-        return {};
-      }
-      return {
-        color: this.textColor
-      };
-    }
-  }
-});
-const _hoisted_1 = { class: "flex items-center overflow-hidden" };
-const _hoisted_2 = ["title"];
-const _hoisted_3 = {
-  key: 0,
-  class: "relative ml-1 mr-auto h-3 w-3 shrink-0"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_PInfoIcon = vue.resolveComponent("PInfoIcon");
-  const _component_PTableFilterIcon = vue.resolveComponent("PTableFilterIcon");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-    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,
-      "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, {
-        key: 0,
-        text: _ctx.tooltipText
-      }, null, 8, ["text"])) : vue.createCommentVNode("", true)
-    ])) : vue.createCommentVNode("", true),
-    vue.createVNode(_component_PTableFilterIcon, {
-      class: vue.normalizeClass(["ml-2", { hidden: !_ctx.showFilterIcon }]),
-      active: _ctx.filterActive,
-      onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click-filter-icon", $event, _ctx.filterActive))
-    }, null, 8, ["class", "active"])
-  ]);
-}
-const PTableHeaderCell = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
-module.exports = PTableHeaderCell;
+const pTableHeaderCell_vue_vue_type_script_setup_true_lang = require("./chunks/p-table-header-cell.js");
+module.exports = pTableHeaderCell_vue_vue_type_script_setup_true_lang._sfc_main;

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

@@ -0,0 +1,59 @@
+import { defineComponent, computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, normalizeStyle, normalizeClass, toDisplayString } from "vue";
+import { _ as _sfc_main$2 } from "./p-icon.js";
+import { _ as _sfc_main$1 } from "./p-info-icon.js";
+const _hoisted_1 = { class: "flex items-center overflow-hidden" };
+const _hoisted_2 = ["title"];
+const _hoisted_3 = {
+  key: 0,
+  class: "relative ml-1 mr-auto h-3 w-3 shrink-0"
+};
+const DEFAULT_CLASSES = `text-xs font-semibold line-clamp-2 break-words hyphens-auto whitespace-normal max-h-10 shrink`;
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PTableHeaderCell"
+  },
+  __name: "p-table-header-cell",
+  props: {
+    text: { default: "" },
+    textClass: { default: "text-left" },
+    filterActive: { type: Boolean, default: false },
+    showFilterIcon: { type: Boolean, default: false },
+    tooltipText: { default: "" },
+    textColor: { default: "" }
+  },
+  emits: ["click-filter-icon"],
+  setup(__props) {
+    const props = __props;
+    const textColorClass = computed(
+      () => props.filterActive ? "text-active-blue" : props.textColor ? "" : "text-p-gray-60"
+    );
+    const style = computed(() => props.filterActive ? {} : { color: props.textColor });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: normalizeClass([DEFAULT_CLASSES, _ctx.textClass, textColorClass.value, { "mr-auto": !_ctx.tooltipText }]),
+          style: normalizeStyle(style.value),
+          title: _ctx.text,
+          "data-p-table-header-text": ""
+        }, toDisplayString(_ctx.text), 15, _hoisted_2),
+        _ctx.tooltipText ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          createVNode(_sfc_main$1, { text: _ctx.tooltipText }, null, 8, ["text"])
+        ])) : createCommentVNode("", true),
+        createVNode(_sfc_main$2, {
+          icon: _ctx.filterActive ? "ph:funnel-fill" : "si:filter-list-alt-duotone",
+          class: normalizeClass([
+            "ml-2 mr-px cursor-pointer rounded-sm",
+            { hidden: !_ctx.showFilterIcon },
+            _ctx.filterActive ? "text-active-blue hover:bg-p-blue-10 hover:text-p-blue-60 hover:ring-1 hover:ring-p-blue-10" : "text-p-gray-60 hover:bg-p-gray-10 hover:text-night hover:ring-1 hover:ring-p-gray-10"
+          ]),
+          height: "16",
+          "data-p-table-header-filter-icon": "",
+          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click-filter-icon", $event, _ctx.filterActive))
+        }, null, 8, ["icon", "class"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/es/index.js

@@ -46,17 +46,16 @@ import { colsInjectionKey, isFirstColFixedInjectionKey, isLastColFixedInjectionK
 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 { _ as _sfc_main$5 } from "./chunks/p-table-header-cell.js";
 import PTableTd from "./p-table-td.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 import { usePTableRowVirtualizer } from "./usePTableRowVirtualizer.js";
-import { default as default11 } from "./p-table-filter-icon.js";
 import { _ as _20 } from "./chunks/p-table-loader.js";
 import { SORTING_TYPES } from "./p-table-sort.js";
 import { _ as _21 } from "./chunks/p-tabs.js";
 import { _ as _22 } from "./chunks/p-tabs-pills.js";
 import { _ as _23 } from "./chunks/p-textarea.js";
-import { default as default12 } from "./p-toggle.js";
+import { default as default11 } from "./p-toggle.js";
 import { squirrelTailwindConfig } from "./config.js";
 import { S } from "./chunks/p-btn.types.js";
 import { CURRENCY_INPUT_DEFAULTS } from "./currency.js";
@@ -866,15 +865,19 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     style: normalizeStyle(bgColorStyle(col))
                   }, [
                     createElementVNode("div", {
-                      class: normalizeClass(["flex", { "h-10": unref(hasWrap) }])
+                      class: normalizeClass(["flex", { "h-8": unref(hasWrap) }])
                     }, [
                       renderSlot(_ctx.$slots, `prepend-header-cell-${unref(kebabCase)(col.name)}`, { col }, void 0, true),
-                      createVNode(PTableHeaderCell, mergeProps({
+                      createVNode(_sfc_main$5, mergeProps({
                         text: col.title,
                         "filter-active": col.filterActive,
                         "show-filter-icon": col.filterable || col.sortable,
                         "tooltip-text": col.tooltip,
-                        class: [{ "pl-2": i2 === 1 && _ctx.isFirstColFixed, "pr-2": i2 === _ctx.cols.length && _ctx.isLastColFixed }, "grow"],
+                        class: [
+                          unref(hasWrap) ? "leading-4" : "leading-5",
+                          { "pl-2": i2 === 1 && _ctx.isFirstColFixed, "pr-2": i2 === _ctx.cols.length && _ctx.isLastColFixed },
+                          "grow"
+                        ],
                         "text-color": headerCellTextColor(col)
                       }, { ref_for: true }, col.headerCellAttrs, {
                         onClickFilterIcon: ($event) => _ctx.$emit("click-filter-icon", $event, col)
@@ -944,7 +947,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const pTable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-8af637b9"]]);
+const pTable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-58c21732"]]);
 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";
@@ -1044,7 +1047,6 @@ export {
   default6 as PDropdown,
   a as PDropdownSelect,
   _sfc_main$3 as PFileUpload,
-  default11 as PFilterIcon,
   _sfc_main$4 as PIcon,
   _7 as PInfoIcon,
   _8 as PInlineDatePicker,
@@ -1066,14 +1068,14 @@ export {
   default10 as PSkeletonLoader,
   _19 as PSteps,
   pTable as PTable,
-  PTableHeaderCell,
+  _sfc_main$5 as PTableHeaderCell,
   _20 as PTableLoader,
   _sfc_main as PTableSort,
   PTableTd,
   _21 as PTabs,
   _22 as PTabsPills,
   _23 as PTextarea,
-  default12 as PToggle,
+  default11 as PToggle,
   P_ICON_ALIASES,
   S as SIZES,
   SORTING_TYPES,

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

@@ -1,119 +1,4 @@
-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 line-clamp-2 break-words hyphens-auto whitespace-normal max-h-10 shrink`;
-const _sfc_main = defineComponent({
-  name: "PTableHeaderCell",
-  components: {
-    PTableFilterIcon,
-    PInfoIcon: _sfc_main$1
-  },
-  props: {
-    /**
-     * The text content to display in the header cell.
-     * Also used as the title attribute for accessibility.
-     */
-    text: {
-      type: String,
-      default: ""
-    },
-    /**
-     * CSS classes to apply to the text element.
-     * Can be a string, object, or array for flexible styling.
-     */
-    textClass: {
-      type: [String, Object, Array],
-      default: "text-left"
-    },
-    /**
-     * Whether the filter icon is in an active state.
-     * Controls the visual appearance of the filter icon and text color.
-     */
-    filterActive: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether to show the filter icon.
-     * When false, the filter icon is hidden regardless of other states.
-     */
-    showFilterIcon: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Tooltip text to display when hovering over the info icon.
-     * When provided, shows an info icon with the tooltip content.
-     */
-    tooltipText: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Custom text color to apply to the header text.
-     * Overrides the default text color when provided.
-     */
-    textColor: {
-      type: String,
-      default: ""
-    }
-  },
-  /**
-   * Emitted when the filter icon is clicked.
-   * @param {Event} event - The click event
-   * @param {boolean} filterActive - The current filter active state
-   */
-  emits: ["click-filter-icon"],
-  data() {
-    return {
-      DEFAULT_CLASSES
-    };
-  },
-  computed: {
-    textColorClass() {
-      return this.filterActive ? "text-active-blue" : this.textColor ? "" : "text-p-gray-60";
-    },
-    style() {
-      if (this.filterActive) {
-        return {};
-      }
-      return {
-        color: this.textColor
-      };
-    }
-  }
-});
-const _hoisted_1 = { class: "flex items-center overflow-hidden" };
-const _hoisted_2 = ["title"];
-const _hoisted_3 = {
-  key: 0,
-  class: "relative ml-1 mr-auto h-3 w-3 shrink-0"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_PInfoIcon = resolveComponent("PInfoIcon");
-  const _component_PTableFilterIcon = resolveComponent("PTableFilterIcon");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    createElementVNode("div", {
-      class: normalizeClass([_ctx.DEFAULT_CLASSES, _ctx.textClass, _ctx.textColorClass, { "mr-auto": !_ctx.tooltipText }]),
-      style: normalizeStyle(_ctx.style),
-      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, {
-        key: 0,
-        text: _ctx.tooltipText
-      }, null, 8, ["text"])) : createCommentVNode("", true)
-    ])) : createCommentVNode("", true),
-    createVNode(_component_PTableFilterIcon, {
-      class: normalizeClass(["ml-2", { hidden: !_ctx.showFilterIcon }]),
-      active: _ctx.filterActive,
-      onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click-filter-icon", $event, _ctx.filterActive))
-    }, null, 8, ["class", "active"])
-  ]);
-}
-const PTableHeaderCell = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+import { _ as _sfc_main } from "./chunks/p-table-header-cell.js";
 export {
-  PTableHeaderCell as default
+  _sfc_main as default
 };

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

@@ -43,7 +43,6 @@ import { colsInjectionKey, type HeaderCellAttrs, isColsResizableInjectionKey, is
 import PTable from './p-table/p-table.vue';
 import { usePTableColResize } from './p-table/usePTableColResize';
 import { usePTableRowVirtualizer } from './p-table/usePTableRowVirtualizer';
-import PFilterIcon from './p-table-header-cell/p-table-filter-icon.vue';
 import PTableHeaderCell from './p-table-header-cell/p-table-header-cell.vue';
 import PTableLoader from './p-table-loader/p-table-loader.vue';
 import { SORTING_TYPES, type SortingType, type SortingTypeWithoutNoSorting } from './p-table-sort/p-table-sort.config';
@@ -53,4 +52,4 @@ import PTabs from './p-tabs/p-tabs.vue';
 import PTabsPills from './p-tabs-pills/p-tabs-pills.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, PTabsPills, PTextarea, PToggle, Size, SORTING_TYPES, SortingType, SortingTypeWithoutNoSorting, StepItem, 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, 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, PTabsPills, PTextarea, PToggle, Size, SORTING_TYPES, SortingType, SortingTypeWithoutNoSorting, StepItem, TableCol, ThAttrs, usePLoading, usePModal, usePTableColResize, usePTableRowVirtualizer, useSelectList, };