@pequity/squirrel 8.4.5 → 8.5.1

package/dist/squirrel/components/p-table-header-cell/p-table-header-cell.vue.d.ts

@@ -1,168 +1,21 @@
-/**
- * A table header cell component that displays text with optional tooltip and filter icon.
- * Provides consistent styling for table headers with support for custom text colors,
- * tooltips, and filter functionality.
- *
- * @displayName PTableHeaderCell
- */
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    /**
-     * The text content to display in the header cell.
-     * Also used as the title attribute for accessibility.
-     */
-    text: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * CSS classes to apply to the text element.
-     * Can be a string, object, or array for flexible styling.
-     */
-    textClass: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    /**
-     * Whether the filter icon is in an active state.
-     * Controls the visual appearance of the filter icon and text color.
-     */
-    filterActive: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Whether to show the filter icon.
-     * When false, the filter icon is hidden regardless of other states.
-     */
-    showFilterIcon: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Tooltip text to display when hovering over the info icon.
-     * When provided, shows an info icon with the tooltip content.
-     */
-    tooltipText: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Custom text color to apply to the header text.
-     * Overrides the default text color when provided.
-     */
-    textColor: {
-        type: StringConstructor;
-        default: string;
-    };
-}>, {}, {
-    DEFAULT_CLASSES: string;
-}, {
-    textColorClass(): "" | "text-active-blue" | "text-p-gray-60";
-    style(): {
-        color?: undefined;
-    } | {
-        color: string;
-    };
-}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click-filter-icon"[], "click-filter-icon", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * The text content to display in the header cell.
-     * Also used as the title attribute for accessibility.
-     */
-    text: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * CSS classes to apply to the text element.
-     * Can be a string, object, or array for flexible styling.
-     */
-    textClass: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    /**
-     * Whether the filter icon is in an active state.
-     * Controls the visual appearance of the filter icon and text color.
-     */
-    filterActive: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Whether to show the filter icon.
-     * When false, the filter icon is hidden regardless of other states.
-     */
-    showFilterIcon: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Tooltip text to display when hovering over the info icon.
-     * When provided, shows an info icon with the tooltip content.
-     */
-    tooltipText: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Custom text color to apply to the header text.
-     * Overrides the default text color when provided.
-     */
-    textColor: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & Readonly<{
-    "onClick-filter-icon"?: ((...args: any[]) => any) | undefined;
+type Props = {
+    text?: string;
+    textClass?: string;
+    filterActive?: boolean;
+    showFilterIcon?: boolean;
+    tooltipText?: string;
+    textColor?: string;
+};
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "click-filter-icon": (event: Event, filterActive: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onClick-filter-icon"?: ((event: Event, filterActive: boolean) => any) | undefined;
 }>, {
     text: string;
     tooltipText: string;
-    textClass: string | Record<string, any> | unknown[];
+    textClass: string;
     filterActive: boolean;
     showFilterIcon: boolean;
     textColor: string;
-}, {}, {
-    PTableFilterIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        active: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        active: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, {
-        active: boolean;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    PInfoIcon: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
-            text?: string | null;
-        }> & Readonly<{}>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-            text: string | null;
-        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<{
-            text?: string | null;
-        }> & Readonly<{}>, {}, {}, {}, {}, {
-            text: string | null;
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<{
-        text?: string | null;
-    }> & Readonly<{}>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        text: string | null;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {
-            default?: () => unknown;
-        };
-    });
-}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/squirrel/components/p-table-loader/p-table-loader.vue.d.ts

@@ -39,7 +39,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: 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 number of rows to display in the skeleton table.
      * Controls the vertical size of the loading placeholder.

package/dist/squirrel/components/p-table-sort/p-table-sort.vue.d.ts

@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: "noSorting";
         validator(value: SortingType): boolean;
     };
-}>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: SortingType) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**

package/dist/squirrel/components/p-table-td/p-table-td.vue.d.ts

@@ -19,7 +19,7 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     isSelected: boolean;
     isEditable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -38,7 +38,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: NumberConstructor;
         default: number;
     };
-}>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "click:tab": (tabName: string) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**

package/dist/squirrel/components/p-tabs-pills/p-tabs-pills.vue.d.ts

@@ -30,7 +30,7 @@ type Props = {
      */
     itemValue?: string;
 };
-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, {
     "update:modelValue": (val: Value) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:modelValue"?: ((val: Value) => any) | undefined;

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

@@ -53,7 +53,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: string;
         validator(value: Size): boolean;
     };
-}>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**

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

@@ -43,7 +43,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
         default: string;
         validator(value: Size): boolean;
     };
-}>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**

package/dist/squirrel.css

@@ -295,33 +295,33 @@ to {
     opacity: 0;
     transform: translate3d(0, -100%, 0);
 }
-}.pm[data-v-bb3daa48] {
+}.pm[data-v-5c370dbc] {
   width: calc(100% - 32px);
   min-width: 110px;
-  max-width: var(--5951a2a6);
+  max-width: var(--a8364442);
   max-height: calc(100vh - 32px);
 }
-.fadeIn[data-v-bb3daa48] {
+.fadeIn[data-v-5c370dbc] {
   animation-duration: 0.4s;
-  animation-name: fadeInFrames-bb3daa48;
+  animation-name: fadeInFrames-5c370dbc;
   animation-fill-mode: both;
 }
-.fadeOut[data-v-bb3daa48] {
+.fadeOut[data-v-5c370dbc] {
   animation-duration: 0.2s;
-  animation-name: fadeOutFrames-bb3daa48;
+  animation-name: fadeOutFrames-5c370dbc;
   animation-fill-mode: both;
 }
-.slideInTop[data-v-bb3daa48] {
+.slideInTop[data-v-5c370dbc] {
   animation-duration: 0.4s;
-  animation-name: fadeInFrames-bb3daa48,slideInTopFrames-bb3daa48;
+  animation-name: fadeInFrames-5c370dbc,slideInTopFrames-5c370dbc;
   animation-fill-mode: both;
 }
-.slideOutTop[data-v-bb3daa48] {
+.slideOutTop[data-v-5c370dbc] {
   animation-duration: 0.2s;
-  animation-name: fadeOutFrames-bb3daa48,slideOutTopFrames-bb3daa48;
+  animation-name: fadeOutFrames-5c370dbc,slideOutTopFrames-5c370dbc;
   animation-fill-mode: both;
 }
-@keyframes slideInTopFrames-bb3daa48 {
+@keyframes slideInTopFrames-5c370dbc {
 from {
     transform: translate(0, -12px);
     animation-timing-function: cubic-bezier(0, 0, 0, 1);
@@ -330,7 +330,7 @@ to {
     transform: translate(0, 0);
 }
 }
-@keyframes slideOutTopFrames-bb3daa48 {
+@keyframes slideOutTopFrames-5c370dbc {
 from {
     transform: translate(0, 0);
     animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
@@ -339,7 +339,7 @@ to {
     transform: translate(0, -12px);
 }
 }
-@keyframes fadeInFrames-bb3daa48 {
+@keyframes fadeInFrames-5c370dbc {
 from {
     opacity: 0;
     animation-timing-function: cubic-bezier(0, 0, 1, 1);
@@ -348,7 +348,7 @@ to {
     opacity: 1;
 }
 }
-@keyframes fadeOutFrames-bb3daa48 {
+@keyframes fadeOutFrames-5c370dbc {
 from {
     opacity: 1;
     animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
@@ -364,17 +364,6 @@ to {
 100% {
     transform: translateX(100%);
 }
-}.filter[data-v-5c047926] {
-  background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.5%206.73H4.5C4.36739%206.73%204.24021%206.67732%204.14645%206.58355C4.05268%206.48978%204%206.3626%204%206.23C4%206.09739%204.05268%205.97021%204.14645%205.87644C4.24021%205.78267%204.36739%205.73%204.5%205.73H15.5C15.6326%205.73%2015.7598%205.78267%2015.8536%205.87644C15.9473%205.97021%2016%206.09739%2016%206.23C16%206.3626%2015.9473%206.48978%2015.8536%206.58355C15.7598%206.67732%2015.6326%206.73%2015.5%206.73Z'%20fill='%23424E6E'/%3e%3cpath%20d='M14.33%209.245H5.67C5.53739%209.245%205.41021%209.19232%205.31644%209.09855C5.22268%209.00478%205.17%208.8776%205.17%208.745C5.17%208.61239%205.22268%208.48521%205.31644%208.39144C5.41021%208.29767%205.53739%208.245%205.67%208.245H14.33C14.4626%208.245%2014.5898%208.29767%2014.6836%208.39144C14.7773%208.48521%2014.83%208.61239%2014.83%208.745C14.83%208.8776%2014.7773%209.00478%2014.6836%209.09855C14.5898%209.19232%2014.4626%209.245%2014.33%209.245Z'%20fill='%23424E6E'/%3e%3cpath%20d='M11.605%2014.27H8.395C8.2624%2014.27%208.13522%2014.2173%208.04145%2014.1235C7.94768%2014.0298%207.895%2013.9026%207.895%2013.77C7.895%2013.6374%207.94768%2013.5102%208.04145%2013.4164C8.13522%2013.3227%208.2624%2013.27%208.395%2013.27H11.605C11.7376%2013.27%2011.8648%2013.3227%2011.9586%2013.4164C12.0523%2013.5102%2012.105%2013.6374%2012.105%2013.77C12.105%2013.9026%2012.0523%2014.0298%2011.9586%2014.1235C11.8648%2014.2173%2011.7376%2014.27%2011.605%2014.27Z'%20fill='%23424E6E'/%3e%3cpath%20d='M13.155%2011.755H6.845C6.71239%2011.755%206.58522%2011.7023%206.49145%2011.6085C6.39768%2011.5148%206.345%2011.3876%206.345%2011.255C6.345%2011.1224%206.39768%2010.9952%206.49145%2010.9014C6.58522%2010.8077%206.71239%2010.755%206.845%2010.755H13.155C13.2876%2010.755%2013.4148%2010.8077%2013.5086%2010.9014C13.6023%2010.9952%2013.655%2011.1224%2013.655%2011.255C13.655%2011.3876%2013.6023%2011.5148%2013.5086%2011.6085C13.4148%2011.7023%2013.2876%2011.755%2013.155%2011.755Z'%20fill='%23424E6E'/%3e%3c/svg%3e") no-repeat;
-}
-.filter[data-v-5c047926]:hover {
-  background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='20'%20height='20'%20rx='4'%20fill='black'%20fill-opacity='0.05'/%3e%3cpath%20d='M15.5%206.73001H4.5C4.36739%206.73001%204.24021%206.67733%204.14645%206.58356C4.05268%206.4898%204%206.36262%204%206.23001C4%206.0974%204.05268%205.97023%204.14645%205.87646C4.24021%205.78269%204.36739%205.73001%204.5%205.73001H15.5C15.6326%205.73001%2015.7598%205.78269%2015.8536%205.87646C15.9473%205.97023%2016%206.0974%2016%206.23001C16%206.36262%2015.9473%206.4898%2015.8536%206.58356C15.7598%206.67733%2015.6326%206.73001%2015.5%206.73001Z'%20fill='%23424E6E'/%3e%3cpath%20d='M14.33%209.24503H5.67C5.53739%209.24503%205.41021%209.19235%205.31644%209.09858C5.22268%209.00481%205.17%208.87763%205.17%208.74503C5.17%208.61242%205.22268%208.48524%205.31644%208.39147C5.41021%208.2977%205.53739%208.24503%205.67%208.24503H14.33C14.4626%208.24503%2014.5898%208.2977%2014.6836%208.39147C14.7773%208.48524%2014.83%208.61242%2014.83%208.74503C14.83%208.87763%2014.7773%209.00481%2014.6836%209.09858C14.5898%209.19235%2014.4626%209.24503%2014.33%209.24503Z'%20fill='%23424E6E'/%3e%3cpath%20d='M11.605%2014.27H8.395C8.2624%2014.27%208.13522%2014.2173%208.04145%2014.1236C7.94768%2014.0298%207.895%2013.9026%207.895%2013.77C7.895%2013.6374%207.94768%2013.5102%208.04145%2013.4165C8.13522%2013.3227%208.2624%2013.27%208.395%2013.27H11.605C11.7376%2013.27%2011.8648%2013.3227%2011.9586%2013.4165C12.0523%2013.5102%2012.105%2013.6374%2012.105%2013.77C12.105%2013.9026%2012.0523%2014.0298%2011.9586%2014.1236C11.8648%2014.2173%2011.7376%2014.27%2011.605%2014.27Z'%20fill='%23424E6E'/%3e%3cpath%20d='M13.155%2011.755H6.845C6.71239%2011.755%206.58522%2011.7023%206.49145%2011.6086C6.39768%2011.5148%206.345%2011.3876%206.345%2011.255C6.345%2011.1224%206.39768%2010.9952%206.49145%2010.9015C6.58522%2010.8077%206.71239%2010.755%206.845%2010.755H13.155C13.2876%2010.755%2013.4148%2010.8077%2013.5086%2010.9015C13.6023%2010.9952%2013.655%2011.1224%2013.655%2011.255C13.655%2011.3876%2013.6023%2011.5148%2013.5086%2011.6086C13.4148%2011.7023%2013.2876%2011.755%2013.155%2011.755Z'%20fill='%23424E6E'/%3e%3c/svg%3e") no-repeat;
-}
-.filter.active[data-v-5c047926] {
-  background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10%2014L4%205V3h16v2l-6%209v6l-4%202z'%20fill='%230F45AF'%20/%3e%3c/svg%3e") no-repeat;
-}
-.filter.active[data-v-5c047926]:hover {
-  background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='24'%20height='24'%20rx='4'%20fill='black'%20fill-opacity='0.05'/%3e%3cpath%20d='M10%2014L4%205V3h16v2l-6%209v6l-4%202z'%20fill='%230F45AF'%20/%3e%3c/svg%3e") no-repeat;
 }.td-shadow-right[data-v-9a0c95c7] {
   box-shadow: -1px 1px 5px 4px rgba(0, 0, 0, 0.15);
   clip-path: inset(0px -12px 0px 0px);
@@ -1128,35 +1117,35 @@ to {
   background-image: url("data:image/svg+xml,%3csvg%20width='33'%20height='30'%20viewBox='0%200%2033%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M31.0143%2029.9524C31.1862%2029.9516%2031.3551%2029.9066%2031.5045%2029.8215C31.6539%2029.7365%2031.7789%2029.6144%2031.8674%2029.4669C31.9558%2029.3195%2032.0048%2029.1517%2032.0095%2028.9799C32.0142%2028.808%2031.9745%2028.6378%2031.8943%2028.4857L16.8943%200.485744C16.8006%200.337008%2016.6708%200.214443%2016.5169%200.129498C16.363%200.0445534%2016.1901%200%2016.0143%200C15.8385%200%2015.6656%200.0445534%2015.5117%200.129498C15.3578%200.214443%2015.228%200.337008%2015.1343%200.485744L0.134286%2028.4857C0.0463617%2028.6353%200%2028.8056%200%2028.9791C0%2029.1526%200.0463617%2029.3229%200.134286%2029.4724C0.221436%2029.6207%200.346313%2029.7432%200.496207%2029.8275C0.6461%2029.9118%200.815658%2029.9549%200.98762%2029.9524H31.0143ZM16.0143%2026.2857C15.6176%2026.2857%2015.2299%2026.1677%2014.9004%2025.9467C14.571%2025.7258%2014.3147%2025.4118%2014.1641%2025.0448C14.0136%2024.6778%2013.9755%2024.2743%2014.0549%2023.8857C14.1342%2023.497%2014.3274%2023.1407%2014.6098%2022.8621C14.8922%2022.5835%2015.251%2022.3951%2015.6407%2022.321C16.0304%2022.2468%2016.4334%2022.2903%2016.7983%2022.4458C17.1633%2022.6012%2017.4737%2022.8617%2017.6903%2023.1941C17.9068%2023.5265%2018.0196%2023.9158%2018.0143%2024.3124C18.0073%2024.8382%2017.7935%2025.3401%2017.4192%2025.7094C17.0448%2026.0787%2016.5401%2026.2858%2016.0143%2026.2857ZM16.0143%209.95241C16.3679%209.95241%2016.707%2010.0929%2016.9571%2010.3429C17.2071%2010.593%2017.3476%2010.9321%2017.3476%2011.2857V18.5791C17.3476%2018.9327%2017.2071%2019.2718%2016.9571%2019.5219C16.707%2019.7719%2016.3679%2019.9124%2016.0143%2019.9124C15.6607%2019.9124%2015.3215%2019.7719%2015.0715%2019.5219C14.8214%2019.2718%2014.681%2018.9327%2014.681%2018.5791V11.2857C14.681%2010.9321%2014.8214%2010.593%2015.0715%2010.3429C15.3215%2010.0929%2015.6607%209.95241%2016.0143%209.95241Z'%20fill='%23F2C94C'%20/%3e%3c/svg%3e");
 }
 
-/*# sourceMappingURL=squirrel.css.map */.p-table[data-v-b51c1939] {
+/*# sourceMappingURL=squirrel.css.map */.p-table[data-v-58c21732] {
   color: rgb(var(--color-night));
   height: 1px;
 }
-.p-table th[data-v-b51c1939] {
+.p-table th[data-v-58c21732] {
   position: sticky;
   top: 0px;
   z-index: 20;
   padding: 0px;
 }
-.p-table.first-col-fixed th[data-v-b51c1939]:first-child {
+.p-table.first-col-fixed th[data-v-58c21732]:first-child {
   left: 0px;
   z-index: 30;
 }
-.p-table.first-col-fixed th:first-child .th-shadow[data-v-b51c1939] {
+.p-table.first-col-fixed th:first-child .th-shadow[data-v-58c21732] {
   box-shadow: -1px 1px 5px 4px rgba(0, 0, 0, 0.15);
   clip-path: inset(0px -12px 0px 0px);
 }
-.p-table.last-col-fixed th[data-v-b51c1939]:last-child {
+.p-table.last-col-fixed th[data-v-58c21732]:last-child {
   right: 0px;
   z-index: 30;
 }
-.p-table.last-col-fixed th:last-child .th-shadow[data-v-b51c1939] {
+.p-table.last-col-fixed th:last-child .th-shadow[data-v-58c21732] {
   box-shadow: -2px 1px 8px rgba(0, 0, 0, 0.15);
   clip-path: inset(0px 0px 0px -12px);
 }
-[data-v-b51c1939] .p-table tr:last-child td {
+[data-v-58c21732] .p-table tr:last-child td {
   border-bottom-width: 0px;
 }
-[data-v-b51c1939] .p-table tr:last-child td.td-col-fixed-border-b::after {
+[data-v-58c21732] .p-table tr:last-child td.td-col-fixed-border-b::after {
   height: 0px;
 }

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@pequity/squirrel",
   "description": "Squirrel component library",
-  "version": "8.4.5",
-  "packageManager": "pnpm@10.13.1",
+  "version": "8.5.1",
+  "packageManager": "pnpm@10.15.1",
   "type": "module",
   "scripts": {
     "preinstall": "npx only-allow pnpm",
@@ -13,6 +13,7 @@
     "lint": "eslint \"**/*.{vue,ts,js}\"",
     "lint-fix": "eslint --fix \"**/*.{vue,ts,js}\"",
     "test:unit": "vitest --project=unit",
+    "test:unit-nowatch": "vitest run --project=unit",
     "test:unit-coverage": "vitest run --project=unit --coverage && make-coverage-badge",
     "typecheck": "vue-tsc --noEmit",
     "storybook": "storybook dev -p 6006",
@@ -49,57 +50,58 @@
   "devDependencies": {
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",
-    "@pequity/eslint-config": "^2.0.2",
-    "@playwright/test": "^1.54.1",
+    "@pequity/eslint-config": "^2.0.3",
+    "@playwright/test": "^1.55.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-a11y": "^9.0.18",
-    "@storybook/addon-docs": "^9.0.18",
-    "@storybook/addon-links": "^9.0.18",
-    "@storybook/addon-vitest": "^9.0.18",
-    "@storybook/vue3-vite": "^9.0.18",
+    "@storybook/addon-a11y": "^9.1.4",
+    "@storybook/addon-docs": "^9.1.4",
+    "@storybook/addon-links": "^9.1.4",
+    "@storybook/addon-vitest": "^9.1.4",
+    "@storybook/vue3-vite": "^9.1.4",
     "@tanstack/vue-virtual": "3.13.12",
     "@types/jsdom": "^21.1.7",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^24.1.0",
+    "@types/node": "^24.3.0",
     "@vitejs/plugin-vue": "^6.0.1",
     "@vitest/browser": "3.2.4",
     "@vitest/coverage-v8": "^3.2.4",
-    "@vue/compiler-sfc": "3.5.18",
+    "@vue/compiler-sfc": "3.5.21",
     "@vue/test-utils": "^2.4.6",
     "@vuepic/vue-datepicker": "11.0.2",
     "autoprefixer": "^10.4.21",
-    "eslint": "^9.32.0",
-    "eslint-plugin-storybook": "^9.0.18",
+    "eslint": "^9.34.0",
+    "eslint-plugin-storybook": "^9.1.4",
     "floating-vue": "5.2.2",
     "glob": "^11.0.3",
     "husky": "^9.1.7",
     "iconify-icon": "^3.0.0",
     "jsdom": "^26.1.0",
-    "lint-staged": "^16.1.2",
+    "lint-staged": "^16.1.6",
     "lodash-es": "4.17.21",
     "make-coverage-badge": "^1.2.0",
-    "playwright": "^1.54.1",
+    "playwright": "^1.55.0",
     "postcss": "^8.5.6",
     "prettier": "^3.6.2",
     "prettier-plugin-tailwindcss": "^0.6.14",
     "resolve-tspaths": "^0.8.23",
     "rimraf": "^6.0.1",
-    "sass": "^1.89.2",
+    "sass": "^1.92.0",
     "semantic-release": "^24.2.7",
-    "storybook": "^9.0.18",
+    "storybook": "^9.1.4",
     "svgo": "^4.0.0",
     "tailwindcss": "^3.4.17",
     "typescript": "5.8.3",
-    "vite": "^7.0.6",
+    "vite": "^7.1.4",
     "vitest": "^3.2.4",
-    "vue": "3.5.18",
+    "vue": "3.5.21",
     "vue-currency-input": "3.2.1",
     "vue-router": "4.5.1",
     "vue-toastification": "2.0.0-rc.5",
-    "vue-tsc": "3.0.4"
+    "vue-tsc": "3.0.6"
   },
   "dependencies": {
-    "tailwind-variants": "^1.0.0"
+    "tailwind-merge": "^3.3.1",
+    "tailwind-variants": "^3.1.0"
   }
 }

package/squirrel/components/index.ts

@@ -52,7 +52,6 @@ import {
 import PTable from '@squirrel/components/p-table/p-table.vue';
 import { usePTableColResize } from '@squirrel/components/p-table/usePTableColResize';
 import { usePTableRowVirtualizer } from '@squirrel/components/p-table/usePTableRowVirtualizer';
-import PFilterIcon from '@squirrel/components/p-table-header-cell/p-table-filter-icon.vue';
 import PTableHeaderCell from '@squirrel/components/p-table-header-cell/p-table-header-cell.vue';
 import PTableLoader from '@squirrel/components/p-table-loader/p-table-loader.vue';
 import {
@@ -90,7 +89,6 @@ export {
   PDropdown,
   PDropdownSelect,
   PFileUpload,
-  PFilterIcon,
   PIcon,
   PIconAlias,
   PInfoIcon,

package/squirrel/components/p-alert/p-alert.spec.js

@@ -3,10 +3,10 @@ import { createWrapperFor } from '@tests/vitest.helpers';
 
 describe('PAlert.vue', () => {
   it.each([
-    ['info', ['bg-info', 'text-on-info'], 'streamline:information-circle-solid'],
-    ['warning', ['bg-warning', 'text-on-warning'], 'streamline:warning-triangle-solid'],
-    ['error', ['bg-error', 'text-on-error'], 'streamline:warning-octagon-solid'],
-    ['success', ['bg-success', 'text-on-success'], 'streamline:check-square-solid'],
+    ['info', ['bg-info', 'text-on-info'], 'material-symbols:info-outline'],
+    ['warning', ['bg-warning', 'text-on-warning'], 'warning'],
+    ['error', ['bg-error', 'text-on-error'], 'cancel-circle'],
+    ['success', ['bg-success', 'text-on-success'], 'ok-circle'],
   ])('renders an alert of type %s', async (type, classes, iconName) => {
     const wrapper = createWrapperFor(PAlert, { props: { type }, global: { stubs: { PIcon: true } } });
 

package/squirrel/components/p-alert/p-alert.stories.js

@@ -5,6 +5,13 @@ export default {
   title: 'Components/PAlert',
   component: PAlert,
   tags: ['autodocs'],
+  render: (args) => ({
+    components: { PAlert },
+    setup() {
+      return { args };
+    },
+    template: `<PAlert v-bind="args">${args.default}</PAlert>`,
+  }),
   argTypes: {
     type: {
       control: { type: 'select' },
@@ -22,16 +29,10 @@ export default {
 };
 
 export const Info = {
-  render: (args) => ({
-    components: { PAlert },
-    setup() {
-      return { args };
-    },
-    template: `<PAlert v-bind="args">${args.default}</PAlert>`,
-  }),
   args: {
     type: 'info',
-    default: 'Lorem ipsum dolor sit amet',
+    default:
+      'Your account has been updated with the latest security features.<br />Two-factor authentication is now enabled for enhanced protection.',
   },
 };
 
@@ -39,28 +40,33 @@ Info.play = async ({ canvasElement }) => {
   const canvas = within(canvasElement);
   const alertDiv = await canvas.getByRole('alert');
 
-  await expect(alertDiv.innerText).toBe('Lorem ipsum dolor sit amet');
-  await expect(alertDiv).toHaveClass('p-4 rounded text-xs font-semibold bg-info text-on-info');
+  await expect(alertDiv.innerText).toBe(
+    'Your account has been updated with the latest security features.\nTwo-factor authentication is now enabled for enhanced protection.'
+  );
+  await expect(alertDiv).toHaveClass('p-4 rounded-lg text-xs font-semibold bg-info text-on-info');
   await expect(alertDiv).toHaveStyle('background-color: #e4edfa');
 };
 
 export const Success = {
   args: {
-    ...Info.args,
     type: 'success',
+    default:
+      'Your profile has been successfully updated and changes are now live.<br />Other team members can now see your updated information.',
   },
 };
 
 export const Warning = {
   args: {
-    ...Info.args,
     type: 'warning',
+    default:
+      'You have unsaved changes that will be lost if you navigate away from this page.<br />Make sure to save your work before continuing.',
   },
 };
 
 export const Error = {
   args: {
-    ...Info.args,
     type: 'error',
+    default:
+      'Failed to save changes. Please check your internet connection and try again.<br />If the problem persists, contact support at help@pequity.com.',
   },
 };

package/squirrel/components/p-alert/p-alert.vue

@@ -1,11 +1,9 @@
 <template>
-  <div :class="['rounded p-4 text-xs font-semibold', ALERT_TYPES[props.type].classes]" role="alert">
-    <div class="flex">
-      <div class="pr-2">
-        <slot name="icon">
-          <PIcon :icon="ALERT_TYPES[props.type].icon" width="16" class="-mb-0.5" inline />
-        </slot>
-      </div>
+  <div :class="['rounded-lg p-4 text-xs font-semibold', ALERT_TYPES[props.type].classes]" role="alert">
+    <div class="flex items-center gap-4">
+      <slot name="icon">
+        <PIcon :icon="ALERT_TYPES[props.type].icon" width="20" />
+      </slot>
       <div>
         <slot></slot>
       </div>
@@ -18,10 +16,10 @@ import PIcon from '@squirrel/components/p-icon/p-icon.vue';
 import { type PropType } from 'vue';
 
 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' },
 };
 </script>
 

package/squirrel/components/p-icon/p-icon.types.ts

@@ -35,6 +35,7 @@ export const P_ICON_ALIASES = {
   info: 'streamline:information-circle',
   help: 'ph:question',
   search: 'streamline:magnifying-glass-solid',
+  warning: 'ri:error-warning-line',
 } as const;
 
 export type PIconAlias = keyof typeof P_ICON_ALIASES;