@pequity/squirrel 8.4.4 → 8.4.5

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

@@ -1,53 +1,95 @@
 import { type Size } from '../p-btn/p-btn.types';
 import { type PropType } from 'vue';
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * The current toggle state (v-model).
+     * Supports two-way binding for form inputs.
+     */
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Text label for the toggle switch.
+     * If not provided, you can use the label slot instead.
+     */
     label: {
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Error message to display below the toggle.
+     * When provided, the toggle will show error styling.
+     */
     errorMsg: {
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Whether the toggle is required.
+     * Adds required attribute and visual indicator.
+     */
     required: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * The size of the toggle switch.
+     * Valid values: 'sm', 'md', 'lg'
+     * @values sm, md, lg
+     */
     size: {
         type: PropType<Size>;
         default: string;
         validator(value: Size): boolean;
     };
 }>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
+    "update:modelValue": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * The current toggle state (v-model).
+     * Supports two-way binding for form inputs.
+     */
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Text label for the toggle switch.
+     * If not provided, you can use the label slot instead.
+     */
     label: {
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Error message to display below the toggle.
+     * When provided, the toggle will show error styling.
+     */
     errorMsg: {
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Whether the toggle is required.
+     * Adds required attribute and visual indicator.
+     */
     required: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * The size of the toggle switch.
+     * Valid values: 'sm', 'md', 'lg'
+     * @values sm, md, lg
+     */
     size: {
         type: PropType<Size>;
         default: string;
         validator(value: Size): boolean;
     };
 }>> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg";
     label: string;
@@ -55,10 +97,15 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
     modelValue: boolean;
     errorMsg: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    /**
+     * Custom label content - overrides the label prop.
+     * @param {string} label - The label text
+     * @param {string} label-classes - CSS classes for the label
+     */
     label?: (props: {
         label: string;
         labelClasses: string;
-    }) => any;
+    }) => unknown;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/squirrel.css

@@ -1,8 +1,8 @@
 
-.x-black-icon[data-v-2002dcc8] {
+.x-black-icon[data-v-8232fb9d] {
   background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Remove'%20clip-path='url(%23clip0_3453_5756)'%3e%3cpath%20id='Vector'%20d='M0.219996%2010.72C0.149851%2010.7893%200.0941591%2010.8718%200.0561487%2010.9628C0.0181382%2011.0537%20-0.00143433%2011.1514%20-0.00143433%2011.25C-0.00143433%2011.3486%200.0181382%2011.4462%200.0561487%2011.5372C0.0941591%2011.6281%200.149851%2011.7107%200.219996%2011.78C0.360622%2011.9204%200.551246%2011.9993%200.749996%2011.9993C0.948747%2011.9993%201.13937%2011.9204%201.28%2011.78L5.91%207.14997C5.92166%207.13787%205.93564%207.12825%205.9511%207.12168C5.96656%207.1151%205.98319%207.11172%206%207.11172C6.0168%207.11172%206.03343%207.1151%206.04889%207.12168C6.06436%207.12825%206.07834%207.13787%206.09%207.14997L10.72%2011.78C10.8606%2011.9204%2011.0512%2011.9993%2011.25%2011.9993C11.4487%2011.9993%2011.6394%2011.9204%2011.78%2011.78C11.8501%2011.7107%2011.9058%2011.6281%2011.9438%2011.5372C11.9819%2011.4462%2012.0014%2011.3486%2012.0014%2011.25C12.0014%2011.1514%2011.9819%2011.0537%2011.9438%2010.9628C11.9058%2010.8718%2011.8501%2010.7893%2011.78%2010.72L7.15%206.08997C7.1379%206.07831%207.12828%206.06433%207.1217%206.04886C7.11513%206.0334%207.11174%206.01677%207.11174%205.99997C7.11174%205.98317%207.11513%205.96654%207.1217%205.95107C7.12828%205.93561%207.1379%205.92163%207.15%205.90997L11.78%201.27997C11.9125%201.13779%2011.9846%200.949747%2011.9812%200.755446C11.9777%200.561145%2011.899%200.37576%2011.7616%200.238347C11.6242%200.100934%2011.4388%200.0222218%2011.2445%200.0187936C11.0502%200.0153654%2010.8622%200.0874886%2010.72%200.219969L6.09%204.84997C6.07834%204.86207%206.06436%204.87169%206.04889%204.87826C6.03343%204.88483%206.0168%204.88822%206%204.88822C5.98319%204.88822%205.96656%204.88483%205.9511%204.87826C5.93564%204.87169%205.92166%204.86207%205.91%204.84997L1.28%200.219969C1.13782%200.0874886%200.949775%200.0153654%200.755474%200.0187936C0.561173%200.0222218%200.375787%200.100934%200.238374%200.238347C0.100961%200.37576%200.0222494%200.561145%200.0188212%200.755446C0.015393%200.949747%200.0875162%201.13779%200.219996%201.27997L4.85%205.90997C4.86209%205.92163%204.87172%205.93561%204.87829%205.95107C4.88486%205.96654%204.88825%205.98317%204.88825%205.99997C4.88825%206.01677%204.88486%206.0334%204.87829%206.04886C4.87172%206.06433%204.86209%206.07831%204.85%206.08997L0.219996%2010.72Z'%20fill='%231A123B'%20/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3453_5756'%3e%3crect%20width='12'%20height='12'%20fill='white'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
 }
-.x-white-icon[data-v-2002dcc8] {
+.x-white-icon[data-v-8232fb9d] {
   background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Remove'%20clip-path='url(%23clip0_3453_5756)'%3e%3cpath%20id='Vector'%20d='M0.219996%2010.72C0.149851%2010.7893%200.0941591%2010.8718%200.0561487%2010.9628C0.0181382%2011.0537%20-0.00143433%2011.1514%20-0.00143433%2011.25C-0.00143433%2011.3486%200.0181382%2011.4462%200.0561487%2011.5372C0.0941591%2011.6281%200.149851%2011.7107%200.219996%2011.78C0.360622%2011.9204%200.551246%2011.9993%200.749996%2011.9993C0.948747%2011.9993%201.13937%2011.9204%201.28%2011.78L5.91%207.14997C5.92166%207.13787%205.93564%207.12825%205.9511%207.12168C5.96656%207.1151%205.98319%207.11172%206%207.11172C6.0168%207.11172%206.03343%207.1151%206.04889%207.12168C6.06436%207.12825%206.07834%207.13787%206.09%207.14997L10.72%2011.78C10.8606%2011.9204%2011.0512%2011.9993%2011.25%2011.9993C11.4487%2011.9993%2011.6394%2011.9204%2011.78%2011.78C11.8501%2011.7107%2011.9058%2011.6281%2011.9438%2011.5372C11.9819%2011.4462%2012.0014%2011.3486%2012.0014%2011.25C12.0014%2011.1514%2011.9819%2011.0537%2011.9438%2010.9628C11.9058%2010.8718%2011.8501%2010.7893%2011.78%2010.72L7.15%206.08997C7.1379%206.07831%207.12828%206.06433%207.1217%206.04886C7.11513%206.0334%207.11174%206.01677%207.11174%205.99997C7.11174%205.98317%207.11513%205.96654%207.1217%205.95107C7.12828%205.93561%207.1379%205.92163%207.15%205.90997L11.78%201.27997C11.9125%201.13779%2011.9846%200.949747%2011.9812%200.755446C11.9777%200.561145%2011.899%200.37576%2011.7616%200.238347C11.6242%200.100934%2011.4388%200.0222218%2011.2445%200.0187936C11.0502%200.0153654%2010.8622%200.0874886%2010.72%200.219969L6.09%204.84997C6.07834%204.86207%206.06436%204.87169%206.04889%204.87826C6.03343%204.88483%206.0168%204.88822%206%204.88822C5.98319%204.88822%205.96656%204.88483%205.9511%204.87826C5.93564%204.87169%205.92166%204.86207%205.91%204.84997L1.28%200.219969C1.13782%200.0874886%200.949775%200.0153654%200.755474%200.0187936C0.561173%200.0222218%200.375787%200.100934%200.238374%200.238347C0.100961%200.37576%200.0222494%200.561145%200.0188212%200.755446C0.015393%200.949747%200.0875162%201.13779%200.219996%201.27997L4.85%205.90997C4.86209%205.92163%204.87172%205.93561%204.87829%205.95107C4.88486%205.96654%204.88825%205.98317%204.88825%205.99997C4.88825%206.01677%204.88486%206.0334%204.87829%206.04886C4.87172%206.06433%204.86209%206.07831%204.85%206.08997L0.219996%2010.72Z'%20fill='%23FFFFFF'%20/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3453_5756'%3e%3crect%20width='12'%20height='12'%20fill='white'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
 }
 div[id^=popper_].dropdown {
@@ -145,14 +145,14 @@ div[id^=popper_].dropdown .v-popper__inner .dropdown-menu .dropdown-divider {
 
     opacity: 1
 }
-input[type='checkbox'][data-v-b394a2f0]:checked {
+input[type='checkbox'][data-v-c0f571ea]:checked {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");
 }
 
-.bg-cross[data-v-57d9f151] {
+.bg-cross[data-v-a6ae49f4] {
   background-image: url("data:image/svg+xml,%3csvg%20width='6'%20height='6'%20viewBox='0%200%206%206'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2511_8629)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3%203.51667L5.42083%205.9375L5.9375%205.42083L3.51667%203L5.9375%200.57917L5.42083%200.0625L3%202.48333L0.57917%200.0625L0.0625%200.57917L2.48333%203L0.0625%205.42083L0.57917%205.9375L3%203.51667Z'%20fill='%231A123B'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2511_8629'%3e%3crect%20width='6'%20height='6'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
 }
-.drawer[data-v-95d3e794] {
+.drawer[data-v-b08a9ced] {
   position: fixed;
   bottom: 0px;
   top: 0px;
@@ -164,18 +164,18 @@ input[type='checkbox'][data-v-b394a2f0]:checked {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
   outline: 2px solid transparent;
   outline-offset: 2px;
-  max-width: var(--508822d0);
+  max-width: var(--0ae27020);
   width: 100%;
 }
-.drawer.drawer-left[data-v-95d3e794] {
+.drawer.drawer-left[data-v-b08a9ced] {
   left: 0px;
 }
-.drawer.drawer-right[data-v-95d3e794] {
+.drawer.drawer-right[data-v-b08a9ced] {
   right: 0px;
 }
 
 /* Slide from right animations */
-@keyframes slideInRight-95d3e794 {
+@keyframes slideInRight-b08a9ced {
 0% {
     transform: translate3d(100%, 0, 0);
     visibility: visible;
@@ -184,12 +184,12 @@ input[type='checkbox'][data-v-b394a2f0]:checked {
     transform: translate3d(0, 0, 0);
 }
 }
-.slideInRight[data-v-95d3e794] {
+.slideInRight[data-v-b08a9ced] {
   animation-duration: 0.4s;
   animation-fill-mode: both;
-  animation-name: slideInRight-95d3e794;
+  animation-name: slideInRight-b08a9ced;
 }
-@keyframes slideOutRight-95d3e794 {
+@keyframes slideOutRight-b08a9ced {
 0% {
     transform: translate3d(0, 0, 0);
 }
@@ -198,14 +198,14 @@ input[type='checkbox'][data-v-b394a2f0]:checked {
     transform: translate3d(100%, 0, 0);
 }
 }
-.slideOutRight[data-v-95d3e794] {
+.slideOutRight[data-v-b08a9ced] {
   animation-duration: 0.4s;
   animation-fill-mode: both;
-  animation-name: slideOutRight-95d3e794;
+  animation-name: slideOutRight-b08a9ced;
 }
 
 /* Slide from left animations */
-@keyframes slideInLeft-95d3e794 {
+@keyframes slideInLeft-b08a9ced {
 0% {
     transform: translate3d(-100%, 0, 0);
     visibility: visible;
@@ -214,12 +214,12 @@ input[type='checkbox'][data-v-b394a2f0]:checked {
     transform: translate3d(0, 0, 0);
 }
 }
-.slideInLeft[data-v-95d3e794] {
+.slideInLeft[data-v-b08a9ced] {
   animation-duration: 0.4s;
   animation-fill-mode: both;
-  animation-name: slideInLeft-95d3e794;
+  animation-name: slideInLeft-b08a9ced;
 }
-@keyframes slideOutLeft-95d3e794 {
+@keyframes slideOutLeft-b08a9ced {
 0% {
     transform: translate3d(0, 0, 0);
 }
@@ -228,25 +228,25 @@ input[type='checkbox'][data-v-b394a2f0]:checked {
     transform: translate3d(-100%, 0, 0);
 }
 }
-.slideOutLeft[data-v-95d3e794] {
+.slideOutLeft[data-v-b08a9ced] {
   animation-duration: 0.4s;
   animation-fill-mode: both;
-  animation-name: slideOutLeft-95d3e794;
+  animation-name: slideOutLeft-b08a9ced;
 }
 
 /* Backdrop */
-.fadeIn[data-v-95d3e794] {
-  animation-name: fadeInFrames-95d3e794;
+.fadeIn[data-v-b08a9ced] {
+  animation-name: fadeInFrames-b08a9ced;
 }
-.fadeOut[data-v-95d3e794] {
-  animation-name: fadeOutFrames-95d3e794;
+.fadeOut[data-v-b08a9ced] {
+  animation-name: fadeOutFrames-b08a9ced;
 }
-.fadeIn[data-v-95d3e794],
-.fadeOut[data-v-95d3e794] {
+.fadeIn[data-v-b08a9ced],
+.fadeOut[data-v-b08a9ced] {
   animation-duration: 0.25s;
   animation-fill-mode: both;
 }
-@keyframes fadeInFrames-95d3e794 {
+@keyframes fadeInFrames-b08a9ced {
 from {
     opacity: 0;
     animation-timing-function: cubic-bezier(0, 0, 1, 1);
@@ -255,7 +255,7 @@ to {
     opacity: 1;
 }
 }
-@keyframes fadeOutFrames-95d3e794 {
+@keyframes fadeOutFrames-b08a9ced {
 from {
     opacity: 1;
     animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
@@ -264,15 +264,15 @@ to {
     opacity: 0;
 }
 }
-.enter[data-v-0e51ff56] {
+.enter[data-v-ce44730a] {
   background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1627_786)'%3e%3crect%20width='24'%20height='24'%20rx='5'%20fill='%23ECF1FF'/%3e%3cpath%20d='M19.17%201.03744e-05H4.83C4.19619%20-0.00130459%203.56834%200.122398%202.98239%200.364037C2.39645%200.605676%201.86392%200.960506%201.41528%201.40822C0.966641%201.85592%200.610708%202.38772%200.367855%202.97316C0.125002%203.55861%20-1.36406e-06%204.1862%200%204.82001L0%2019.17C0%2020.451%200.508874%2021.6795%201.41467%2022.5853C2.32048%2023.4911%203.549%2024%204.83%2024H19.17C20.4502%2023.9974%2021.6772%2023.4876%2022.5824%2022.5824C23.4876%2021.6772%2023.9974%2020.4502%2024%2019.17V4.82001C23.9974%203.54075%2023.4873%202.31479%2022.5818%201.41115C21.6763%200.507508%2020.4493%207.63258e-06%2019.17%201.03744e-05ZM22%2019.17C22%2019.9206%2021.7018%2020.6404%2021.1711%2021.1711C20.6404%2021.7018%2019.9206%2022%2019.17%2022H4.83C4.07944%2022%203.35962%2021.7018%202.82889%2021.1711C2.29816%2020.6404%202%2019.9206%202%2019.17V4.82001C2.00265%204.07118%202.30197%203.35393%202.83242%202.82536C3.36286%202.29679%204.08117%202.00001%204.83%202.00001H19.17C19.9188%202.00001%2020.6371%202.29679%2021.1676%202.82536C21.698%203.35393%2021.9974%204.07118%2022%204.82001V19.17Z'%20fill='%234750EB'/%3e%3cpath%20d='M17.5%207.5C17.2348%207.5%2016.9804%207.60536%2016.7929%207.79289C16.6054%207.98043%2016.5%208.23478%2016.5%208.5V11.25C16.5%2011.3163%2016.4737%2011.3799%2016.4268%2011.4268C16.3799%2011.4737%2016.3163%2011.5%2016.25%2011.5H10.75C10.6837%2011.5%2010.6201%2011.4737%2010.5732%2011.4268C10.5263%2011.3799%2010.5%2011.3163%2010.5%2011.25V9.5C10.5012%209.30138%2010.4431%209.10691%2010.3333%208.94139C10.2235%208.77587%2010.0669%208.6468%209.88348%208.57063C9.70004%208.49446%209.49807%208.47465%209.30332%208.51372C9.10857%208.55279%208.92987%208.64897%208.79%208.79L5.79%2011.79C5.60375%2011.9774%205.49921%2012.2308%205.49921%2012.495C5.49921%2012.7592%205.60375%2013.0126%205.79%2013.2L8.79%2016.2C8.88261%2016.2945%208.99306%2016.3697%209.11493%2016.4212C9.23681%2016.4727%209.36769%2016.4995%209.5%2016.5C9.76522%2016.5%2010.0196%2016.3946%2010.2071%2016.2071C10.3946%2016.0196%2010.5%2015.7652%2010.5%2015.5V13.75C10.5%2013.6837%2010.5263%2013.6201%2010.5732%2013.5732C10.6201%2013.5263%2010.6837%2013.5%2010.75%2013.5H16.5C17.0304%2013.5%2017.5391%2013.2893%2017.9142%2012.9142C18.2893%2012.5391%2018.5%2012.0304%2018.5%2011.5V8.5C18.5%208.23478%2018.3946%207.98043%2018.2071%207.79289C18.0196%207.60536%2017.7652%207.5%2017.5%207.5Z'%20fill='%234750EB'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1627_786'%3e%3crect%20width='24'%20height='24'%20rx='5'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
 }
-.fadeInDown[data-v-9ad56d4f] {
+.fadeInDown[data-v-7e116004] {
   animation-duration: 0.4s;
   animation-fill-mode: both;
-  animation-name: fadeInDown-9ad56d4f;
+  animation-name: fadeInDown-7e116004;
 }
-@keyframes fadeInDown-9ad56d4f {
+@keyframes fadeInDown-7e116004 {
 0% {
     opacity: 0;
     transform: translate3d(0, -100%, 0);
@@ -282,12 +282,12 @@ to {
     transform: none;
 }
 }
-.fadeOutUp[data-v-9ad56d4f] {
+.fadeOutUp[data-v-7e116004] {
   animation-duration: 0.25s;
   animation-fill-mode: both;
-  animation-name: fadeOutUp-9ad56d4f;
+  animation-name: fadeOutUp-7e116004;
 }
-@keyframes fadeOutUp-9ad56d4f {
+@keyframes fadeOutUp-7e116004 {
 0% {
     opacity: 1;
 }
@@ -295,33 +295,33 @@ to {
     opacity: 0;
     transform: translate3d(0, -100%, 0);
 }
-}.pm[data-v-a511ac01] {
+}.pm[data-v-bb3daa48] {
   width: calc(100% - 32px);
   min-width: 110px;
-  max-width: var(--29225c6f);
+  max-width: var(--5951a2a6);
   max-height: calc(100vh - 32px);
 }
-.fadeIn[data-v-a511ac01] {
+.fadeIn[data-v-bb3daa48] {
   animation-duration: 0.4s;
-  animation-name: fadeInFrames-a511ac01;
+  animation-name: fadeInFrames-bb3daa48;
   animation-fill-mode: both;
 }
-.fadeOut[data-v-a511ac01] {
+.fadeOut[data-v-bb3daa48] {
   animation-duration: 0.2s;
-  animation-name: fadeOutFrames-a511ac01;
+  animation-name: fadeOutFrames-bb3daa48;
   animation-fill-mode: both;
 }
-.slideInTop[data-v-a511ac01] {
+.slideInTop[data-v-bb3daa48] {
   animation-duration: 0.4s;
-  animation-name: fadeInFrames-a511ac01,slideInTopFrames-a511ac01;
+  animation-name: fadeInFrames-bb3daa48,slideInTopFrames-bb3daa48;
   animation-fill-mode: both;
 }
-.slideOutTop[data-v-a511ac01] {
+.slideOutTop[data-v-bb3daa48] {
   animation-duration: 0.2s;
-  animation-name: fadeOutFrames-a511ac01,slideOutTopFrames-a511ac01;
+  animation-name: fadeOutFrames-bb3daa48,slideOutTopFrames-bb3daa48;
   animation-fill-mode: both;
 }
-@keyframes slideInTopFrames-a511ac01 {
+@keyframes slideInTopFrames-bb3daa48 {
 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-a511ac01 {
+@keyframes slideOutTopFrames-bb3daa48 {
 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-a511ac01 {
+@keyframes fadeInFrames-bb3daa48 {
 from {
     opacity: 0;
     animation-timing-function: cubic-bezier(0, 0, 1, 1);
@@ -348,7 +348,7 @@ to {
     opacity: 1;
 }
 }
-@keyframes fadeOutFrames-a511ac01 {
+@keyframes fadeOutFrames-bb3daa48 {
 from {
     opacity: 1;
     animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
@@ -356,34 +356,34 @@ from {
 to {
     opacity: 0;
 }
-}.shimmer[data-v-3d77f34f] {
+}.shimmer[data-v-1beaf57b] {
   transform: translateX(-100%);
-  animation: shimmer-3d77f34f 1.4s infinite;
+  animation: shimmer-1beaf57b 1.4s infinite;
 }
-@keyframes shimmer-3d77f34f {
+@keyframes shimmer-1beaf57b {
 100% {
     transform: translateX(100%);
 }
-}.filter[data-v-84864117] {
+}.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-84864117]:hover {
+.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-84864117] {
+.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-84864117]:hover {
+.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-c9978e26] {
+}.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);
 }
-.td-shadow-left[data-v-c9978e26] {
+.td-shadow-left[data-v-9a0c95c7] {
   box-shadow: -2px 1px 8px rgba(0, 0, 0, 0.15);
   clip-path: inset(0px 0px 0px -12px);
 }
-.td-col-fixed-border-b[data-v-c9978e26]::after {
+.td-col-fixed-border-b[data-v-9a0c95c7]::after {
   position: absolute;
   bottom: 0px;
   left: 0px;
@@ -393,7 +393,7 @@ to {
   --tw-content: "";
   content: var(--tw-content);
 }
-.shadow-inner-toggle[data-v-c544a8a9]::after {
+.shadow-inner-toggle[data-v-af725f56]::after {
   box-shadow:
     rgba(0, 0, 0, 0.3) 0px 1px 2px 0px,
     rgba(0, 0, 0, 0.05) 0px 0px 1px 0px inset;
@@ -1128,35 +1128,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-ab73279a] {
+/*# sourceMappingURL=squirrel.css.map */.p-table[data-v-b51c1939] {
   color: rgb(var(--color-night));
   height: 1px;
 }
-.p-table th[data-v-ab73279a] {
+.p-table th[data-v-b51c1939] {
   position: sticky;
   top: 0px;
   z-index: 20;
   padding: 0px;
 }
-.p-table.first-col-fixed th[data-v-ab73279a]:first-child {
+.p-table.first-col-fixed th[data-v-b51c1939]:first-child {
   left: 0px;
   z-index: 30;
 }
-.p-table.first-col-fixed th:first-child .th-shadow[data-v-ab73279a] {
+.p-table.first-col-fixed th:first-child .th-shadow[data-v-b51c1939] {
   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-ab73279a]:last-child {
+.p-table.last-col-fixed th[data-v-b51c1939]:last-child {
   right: 0px;
   z-index: 30;
 }
-.p-table.last-col-fixed th:last-child .th-shadow[data-v-ab73279a] {
+.p-table.last-col-fixed th:last-child .th-shadow[data-v-b51c1939] {
   box-shadow: -2px 1px 8px rgba(0, 0, 0, 0.15);
   clip-path: inset(0px 0px 0px -12px);
 }
-[data-v-ab73279a] .p-table tr:last-child td {
+[data-v-b51c1939] .p-table tr:last-child td {
   border-bottom-width: 0px;
 }
-[data-v-ab73279a] .p-table tr:last-child td.td-col-fixed-border-b::after {
+[data-v-b51c1939] .p-table tr:last-child td.td-col-fixed-border-b::after {
   height: 0px;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pequity/squirrel",
   "description": "Squirrel component library",
-  "version": "8.4.4",
+  "version": "8.4.5",
   "packageManager": "pnpm@10.13.1",
   "type": "module",
   "scripts": {
@@ -53,24 +53,24 @@
     "@playwright/test": "^1.54.1",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-a11y": "^9.0.17",
-    "@storybook/addon-docs": "^9.0.17",
-    "@storybook/addon-links": "^9.0.17",
-    "@storybook/addon-vitest": "^9.0.17",
-    "@storybook/vue3-vite": "^9.0.17",
+    "@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",
     "@tanstack/vue-virtual": "3.13.12",
     "@types/jsdom": "^21.1.7",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^24.0.15",
-    "@vitejs/plugin-vue": "^6.0.0",
+    "@types/node": "^24.1.0",
+    "@vitejs/plugin-vue": "^6.0.1",
     "@vitest/browser": "3.2.4",
     "@vitest/coverage-v8": "^3.2.4",
-    "@vue/compiler-sfc": "3.5.17",
+    "@vue/compiler-sfc": "3.5.18",
     "@vue/test-utils": "^2.4.6",
     "@vuepic/vue-datepicker": "11.0.2",
     "autoprefixer": "^10.4.21",
-    "eslint": "^9.31.0",
-    "eslint-plugin-storybook": "^9.0.17",
+    "eslint": "^9.32.0",
+    "eslint-plugin-storybook": "^9.0.18",
     "floating-vue": "5.2.2",
     "glob": "^11.0.3",
     "husky": "^9.1.7",
@@ -87,17 +87,17 @@
     "rimraf": "^6.0.1",
     "sass": "^1.89.2",
     "semantic-release": "^24.2.7",
-    "storybook": "^9.0.17",
+    "storybook": "^9.0.18",
     "svgo": "^4.0.0",
     "tailwindcss": "^3.4.17",
     "typescript": "5.8.3",
-    "vite": "^7.0.5",
+    "vite": "^7.0.6",
     "vitest": "^3.2.4",
-    "vue": "3.5.17",
+    "vue": "3.5.18",
     "vue-currency-input": "3.2.1",
     "vue-router": "4.5.1",
     "vue-toastification": "2.0.0-rc.5",
-    "vue-tsc": "3.0.3"
+    "vue-tsc": "3.0.4"
   },
   "dependencies": {
     "tailwind-variants": "^1.0.0"

package/squirrel/components/p-action-bar/p-action-bar.stories.js

@@ -1,5 +1,5 @@
-import PaginateLeftIcon from '@squirrel/assets/pagination-left-icon.svg?inline';
-import PaginateRightIcon from '@squirrel/assets/pagination-right-icon.svg?inline';
+import KeyboardPressEnterIcon from '@squirrel/assets/keyboard-press-enter.svg?inline';
+import XIconWhite from '@squirrel/assets/x-icon-white.svg?inline';
 import PActionBar from '@squirrel/components/p-action-bar/p-action-bar.vue';
 import PBtn from '@squirrel/components/p-btn/p-btn.vue';
 import { action } from 'storybook/actions';
@@ -9,7 +9,7 @@ import { markRaw } from 'vue';
 const actionBarActions = [
   {
     label: 'Upload',
-    icon: markRaw(PaginateRightIcon),
+    icon: markRaw(KeyboardPressEnterIcon),
     name: 'upload',
   },
   {
@@ -23,12 +23,12 @@ const actionBarActions = [
       {
         label: 'Subaction 1',
         name: 'subaction1',
-        icon: markRaw(PaginateLeftIcon),
+        icon: markRaw(XIconWhite),
       },
       {
         label: 'Subaction 2',
         name: 'subaction2',
-        icon: markRaw(PaginateRightIcon),
+        icon: markRaw(KeyboardPressEnterIcon),
       },
       {
         label: 'Subaction 3',

package/squirrel/components/p-action-bar/p-action-bar.vue

@@ -68,21 +68,48 @@ import PIcon from '@squirrel/components/p-icon/p-icon.vue';
 import { isComponent } from '@squirrel/utils/component';
 import { isString } from '@squirrel/utils/string';
 
+/**
+ * A floating action bar component that displays at the bottom of the screen.
+ * Provides a teleported action bar with dismiss functionality and customizable actions.
+ * Supports both simple action buttons and dropdown menus with sub-actions.
+ *
+ * @displayName PActionBar
+ */
 defineOptions({
   name: 'PActionBar',
   inheritAttrs: false,
 });
 
 type Props = {
+  /**
+   * Controls visibility of the action bar.
+   * When true, the action bar is displayed at the bottom of the screen.
+   */
   show: boolean;
+  /**
+   * The main text displayed in the action bar.
+   * Provides context for the available actions.
+   */
   label: string;
+  /**
+   * Array of action objects to be rendered as buttons or dropdowns.
+   * Each action can have an icon, label, and optional sub-actions.
+   */
   actions: PActionBarAction[];
 };
 
+defineProps<Props>();
+
 defineEmits<{
+  /**
+   * Emitted when the "Clear All" button is clicked.
+   * Used to dismiss the action bar and clear selections.
+   */
   'click:dismiss': [];
-  'click:action': [PActionBarAction['name']];
+  /**
+   * Emitted when an action or sub-action is clicked.
+   * @param {string} name - The name of the clicked action
+   */
+  'click:action': [name: PActionBarAction['name']];
 }>();
-
-defineProps<Props>();
 </script>