@pequity/squirrel 6.0.2 → 6.0.4

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

@@ -1,7 +1,32 @@
 export declare const P_ICON_ALIASES: {
     readonly delete: "octicon:trash-24";
     readonly edit: "simple-line-icons:pencil";
-    readonly send: "fa:paper-plane";
+    readonly send: "mingcute:send-plane-fill";
     readonly settings: "heroicons:cog-8-tooth-20-solid";
+    readonly empty: "ph:empty";
+    readonly 'chevron-left': "material-symbols:chevron-left-rounded";
+    readonly 'chevron-right': "material-symbols:chevron-right-rounded";
+    readonly 'chevron-up': "ph:caret-up";
+    readonly 'chevron-down': "ph:caret-down";
+    readonly 'ok-circle': "material-symbols:check-circle";
+    readonly 'cancel-circle': "material-symbols:cancel";
+    readonly ok: "material-symbols:check";
+    readonly cancel: "material-symbols:close";
+    readonly 'ok-bold': "fa:check";
+    readonly 'cancel-bold': "fa:close";
+    readonly archive: "solar:archive-outline";
+    readonly lock: "material-symbols:lock";
+    readonly 'drag-horizontal': "ci:drag-horizontal";
+    readonly email: "tabler:mail-filled";
+    readonly location: "gridicons:location";
+    readonly calendar: "mdi:calendar-today";
+    readonly save: "material-symbols:save-rounded";
+    readonly copy: "ph:copy";
+    readonly plus: "ic:outline-plus";
+    readonly add: "ic:outline-plus";
+    readonly more: "lineicons:more-alt";
+    readonly filters: "mage:filter";
+    readonly 'bar-chart': "material-symbols:bar-chart-4-bars-rounded";
+    readonly list: "material-symbols:format-list-bulleted";
 };
 export type PIconAlias = keyof typeof P_ICON_ALIASES;

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

@@ -1,8 +1,8 @@
 import 'iconify-icon';
 import { type PIconAlias } from './p-icon.types';
-import { type IconifyIconAttributes } from 'iconify-icon';
-interface Props extends /* @vue-ignore */ Omit<IconifyIconAttributes, 'icon'> {
-    icon: IconifyIconAttributes['icon'] | PIconAlias;
+import { type IconifyIconProperties } from 'iconify-icon';
+interface Props extends /* @vue-ignore */ IconifyIconProperties {
+    icon: PIconAlias | (string & {});
 }
 declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1,2 +1,4 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {
+    dimsReference: HTMLDivElement;
+}, any>;
 export default _default;

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

@@ -2,10 +2,10 @@ import { type PropType, type StyleValue } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        "title-wrapper"?(_: {}): any;
-        "content-wrapper"?(_: {}): any;
+        'title-wrapper'?(_: {}): any;
+        'content-wrapper'?(_: {}): any;
         default?(_: {}): any;
-        "footer-wrapper"?(_: {}): any;
+        'footer-wrapper'?(_: {}): any;
         footer?(_: {}): any;
     };
     refs: {
@@ -205,7 +205,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     modalStyle: StyleValue;
     bgInClass: string;
     bgOutClass: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {
+    pmWrapper: HTMLDivElement;
+    pm: HTMLDivElement;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/squirrel/components/p-pagination-info/p-pagination-info.vue.d.ts

@@ -1,7 +1,7 @@
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        "no-results"?(_: {}): any;
+        'no-results'?(_: {}): any;
     };
     refs: {};
     rootEl: any;

package/dist/squirrel/components/p-select-list/p-select-list.vue.d.ts

@@ -488,7 +488,197 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     topSectionClass: string;
     closePopperOnSelect: boolean;
     focusSearchOnMount: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {
+    formControl: HTMLDivElement;
+    actionsContainer: HTMLDivElement;
+    inputSearch: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: StringConstructor;
+            default: string;
+        };
+        size: {
+            type: PropType<import("../..").InputSize>;
+            default: string;
+            validator(value: import("../..").InputSize): boolean;
+        };
+        showEnterIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onEnter?: ((...args: any[]) => any) | undefined;
+    }>, {}, {
+        query: string;
+        showEnterIconOnFocus: boolean;
+    }, {
+        searchIconClasses(): string;
+        enterIconClasses(): string;
+        clearIconClasses(): string;
+    }, {
+        clearSearch(): void;
+        keydownEnter(): void;
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "enter")[], import("vue").PublicProps, {
+        size: "sm" | "md" | "lg";
+        modelValue: string;
+        showEnterIcon: boolean;
+    }, true, {}, {}, {
+        PInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            modelValue: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: string;
+            };
+            type: {
+                type: PropType<string>;
+                default: string;
+                validator(value: string): boolean;
+            };
+            label: {
+                type: StringConstructor;
+                default: string;
+            };
+            errorMsg: {
+                type: StringConstructor;
+                default: string;
+            };
+            required: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            rounded: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {}, {}, {
+            attrs(): {
+                [x: string]: unknown;
+            };
+            style(): StyleValue;
+        }, {}, import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            size: {
+                type: PropType<import("../..").InputSize>;
+                default: string;
+                validator(value: import("../..").InputSize): boolean;
+            };
+            errorMsg: {
+                type: StringConstructor;
+                default: string;
+            };
+            required: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            rounded: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {}, {
+            errorMsgClasses: string;
+        }, {
+            inputClasses(): string;
+            labelClasses(): string;
+            selectClasses(): string;
+            textareaClasses(): string;
+        }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            size: {
+                type: PropType<import("../..").InputSize>;
+                default: string;
+                validator(value: import("../..").InputSize): boolean;
+            };
+            errorMsg: {
+                type: StringConstructor;
+                default: string;
+            };
+            required: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            rounded: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{}>, {
+            size: "sm" | "md" | "lg";
+            rounded: boolean;
+            required: boolean;
+            errorMsg: string;
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            modelValue: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: string;
+            };
+            type: {
+                type: PropType<string>;
+                default: string;
+                validator(value: string): boolean;
+            };
+            label: {
+                type: StringConstructor;
+                default: string;
+            };
+            errorMsg: {
+                type: StringConstructor;
+                default: string;
+            };
+            required: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            rounded: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            type: string;
+            label: string;
+            rounded: boolean;
+            required: boolean;
+            modelValue: string | number;
+            errorMsg: string;
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: StringConstructor;
+            default: string;
+        };
+        size: {
+            type: PropType<import("../..").InputSize>;
+            default: string;
+            validator(value: import("../..").InputSize): boolean;
+        };
+        showEnterIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onEnter?: ((...args: any[]) => any) | undefined;
+    }>, {}, {
+        query: string;
+        showEnterIconOnFocus: boolean;
+    }, {
+        searchIconClasses(): string;
+        enterIconClasses(): string;
+        clearIconClasses(): string;
+    }, {
+        clearSearch(): void;
+        keydownEnter(): void;
+    }, {
+        size: "sm" | "md" | "lg";
+        modelValue: string;
+        showEnterIcon: boolean;
+    }> | null;
+    virtualizerRef: HTMLDivElement;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -45,7 +45,10 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {
         paddingTop: number;
         paddingBottom: number;
     };
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
+    scrollWrapper: HTMLDivElement;
+    tbodyElement: HTMLTableSectionElement;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/squirrel.css

@@ -339,12 +339,12 @@ to {
 .bg-info-circle-icon[data-v-804e74f5] {
   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%20clip-path='url(%23clip0_4002_33291)'%3e%3cpath%20d='M0.5%206C0.5%207.45869%201.07946%208.85764%202.11091%209.88909C3.14236%2010.9205%204.54131%2011.5%206%2011.5C7.45869%2011.5%208.85764%2010.9205%209.88909%209.88909C10.9205%208.85764%2011.5%207.45869%2011.5%206C11.5%204.54131%2010.9205%203.14236%209.88909%202.11091C8.85764%201.07946%207.45869%200.5%206%200.5C4.54131%200.5%203.14236%201.07946%202.11091%202.11091C1.07946%203.14236%200.5%204.54131%200.5%206Z'%20stroke='%231A123B'%20stroke-miterlimit='10'/%3e%3cpath%20d='M6.5%203.5H5.5V2.5H6.5V3.5Z'%20fill='%231A123B'/%3e%3cpath%20d='M4.5%205H6V9M4.5%208.5H7.5'%20stroke='%231A123B'%20stroke-miterlimit='10'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4002_33291'%3e%3crect%20width='12'%20height='12'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
 }
-.fadeInDown[data-v-b4ee3729] {
+.fadeInDown[data-v-245e3308] {
   animation-duration: 0.4s;
   animation-fill-mode: both;
-  animation-name: fadeInDown-b4ee3729;
+  animation-name: fadeInDown-245e3308;
 }
-@keyframes fadeInDown-b4ee3729 {
+@keyframes fadeInDown-245e3308 {
 0% {
     opacity: 0;
     transform: translate3d(0, -100%, 0);
@@ -354,12 +354,12 @@ to {
     transform: none;
 }
 }
-.fadeOutUp[data-v-b4ee3729] {
+.fadeOutUp[data-v-245e3308] {
   animation-duration: 0.25s;
   animation-fill-mode: both;
-  animation-name: fadeOutUp-b4ee3729;
+  animation-name: fadeOutUp-245e3308;
 }
-@keyframes fadeOutUp-b4ee3729 {
+@keyframes fadeOutUp-245e3308 {
 0% {
     opacity: 1;
 }
@@ -367,33 +367,33 @@ to {
     opacity: 0;
     transform: translate3d(0, -100%, 0);
 }
-}.pm[data-v-5fd440a3] {
+}.pm[data-v-c3379c94] {
   width: calc(100% - 32px);
   min-width: 110px;
-  max-width: var(--4895a587);
+  max-width: var(--9a05239e);
   max-height: calc(100vh - 32px);
 }
-.fadeIn[data-v-5fd440a3] {
+.fadeIn[data-v-c3379c94] {
   animation-duration: 0.4s;
-  animation-name: fadeInFrames-5fd440a3;
+  animation-name: fadeInFrames-c3379c94;
   animation-fill-mode: both;
 }
-.fadeOut[data-v-5fd440a3] {
+.fadeOut[data-v-c3379c94] {
   animation-duration: 0.2s;
-  animation-name: fadeOutFrames-5fd440a3;
+  animation-name: fadeOutFrames-c3379c94;
   animation-fill-mode: both;
 }
-.slideInTop[data-v-5fd440a3] {
+.slideInTop[data-v-c3379c94] {
   animation-duration: 0.4s;
-  animation-name: fadeInFrames-5fd440a3,slideInTopFrames-5fd440a3;
+  animation-name: fadeInFrames-c3379c94,slideInTopFrames-c3379c94;
   animation-fill-mode: both;
 }
-.slideOutTop[data-v-5fd440a3] {
+.slideOutTop[data-v-c3379c94] {
   animation-duration: 0.2s;
-  animation-name: fadeOutFrames-5fd440a3,slideOutTopFrames-5fd440a3;
+  animation-name: fadeOutFrames-c3379c94,slideOutTopFrames-c3379c94;
   animation-fill-mode: both;
 }
-@keyframes slideInTopFrames-5fd440a3 {
+@keyframes slideInTopFrames-c3379c94 {
 from {
     transform: translate(0, -12px);
     animation-timing-function: cubic-bezier(0, 0, 0, 1);
@@ -402,7 +402,7 @@ to {
     transform: translate(0, 0);
 }
 }
-@keyframes slideOutTopFrames-5fd440a3 {
+@keyframes slideOutTopFrames-c3379c94 {
 from {
     transform: translate(0, 0);
     animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
@@ -411,7 +411,7 @@ to {
     transform: translate(0, -12px);
 }
 }
-@keyframes fadeInFrames-5fd440a3 {
+@keyframes fadeInFrames-c3379c94 {
 from {
     opacity: 0;
     animation-timing-function: cubic-bezier(0, 0, 1, 1);
@@ -420,7 +420,7 @@ to {
     opacity: 1;
 }
 }
-@keyframes fadeOutFrames-5fd440a3 {
+@keyframes fadeOutFrames-c3379c94 {
 from {
     opacity: 1;
     animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@pequity/squirrel",
   "description": "Squirrel component library",
-  "version": "6.0.2",
-  "packageManager": "pnpm@9.15.0",
+  "version": "6.0.4",
+  "packageManager": "pnpm@9.15.3",
   "type": "module",
   "scripts": {
     "preinstall": "npx only-allow pnpm",
@@ -37,7 +37,7 @@
   "module": "./dist/es/index.js",
   "peerDependencies": {
     "@tanstack/vue-virtual": "^3.8.3",
-    "@vuepic/vue-datepicker": "^10.0.0",
+    "@vuepic/vue-datepicker": "^11.0.1",
     "dayjs": "^1.11.12",
     "floating-vue": "^5.2.2",
     "lodash-es": "^4.17.21",
@@ -49,7 +49,7 @@
   "devDependencies": {
     "@commitlint/cli": "^19.6.1",
     "@commitlint/config-conventional": "^19.6.0",
-    "@pequity/eslint-config": "^1.0.3",
+    "@pequity/eslint-config": "^1.0.4",
     "@playwright/test": "^1.49.1",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
@@ -61,48 +61,48 @@
     "@storybook/blocks": "^8.4.7",
     "@storybook/manager-api": "^8.4.7",
     "@storybook/test": "^8.4.7",
-    "@storybook/test-runner": "^0.20.1",
+    "@storybook/test-runner": "^0.21.0",
     "@storybook/theming": "^8.4.7",
     "@storybook/vue3": "^8.4.7",
     "@storybook/vue3-vite": "^8.4.7",
     "@tanstack/vue-virtual": "3.11.2",
     "@types/jsdom": "^21.1.7",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^22.10.2",
+    "@types/node": "^22.10.5",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vitest/coverage-v8": "^2.1.8",
     "@vue/compiler-sfc": "3.5.13",
     "@vue/test-utils": "^2.4.6",
-    "@vuepic/vue-datepicker": "10.0.0",
+    "@vuepic/vue-datepicker": "11.0.1",
     "autoprefixer": "^10.4.20",
     "dayjs": "1.11.13",
     "eslint": "^9.17.0",
-    "eslint-plugin-storybook": "^0.11.1",
+    "eslint-plugin-storybook": "^0.11.2",
     "floating-vue": "5.2.2",
-    "glob": "^11.0.0",
+    "glob": "^11.0.1",
     "husky": "^9.1.7",
-    "iconify-icon": "^2.2.0",
-    "jsdom": "^25.0.1",
-    "lint-staged": "^15.2.11",
+    "iconify-icon": "^2.3.0",
+    "jsdom": "^26.0.0",
+    "lint-staged": "^15.3.0",
     "lodash-es": "4.17.21",
     "make-coverage-badge": "^1.2.0",
     "postcss": "^8.4.49",
-    "prettier": "^3.3.3",
+    "prettier": "^3.4.2",
     "prettier-plugin-tailwindcss": "^0.6.9",
     "resolve-tspaths": "^0.8.23",
     "rimraf": "^6.0.1",
-    "sass": "^1.83.0",
-    "semantic-release": "^24.2.0",
+    "sass": "^1.83.1",
+    "semantic-release": "^24.2.1",
     "storybook": "^8.4.7",
     "svgo": "^3.3.2",
-    "tailwindcss": "^3.4.16",
-    "typescript": "5.6.3",
-    "vite": "^6.0.3",
+    "tailwindcss": "^3.4.17",
+    "typescript": "5.7.3",
+    "vite": "^6.0.7",
     "vitest": "^2.1.8",
     "vue": "3.5.13",
     "vue-currency-input": "3.1.0",
     "vue-router": "4.5.0",
     "vue-toastification": "2.0.0-rc.5",
-    "vue-tsc": "2.1.10"
+    "vue-tsc": "2.2.0"
   }
 }

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

@@ -1,5 +1,6 @@
 <template>
   <VDropdown ref="vPopper" v-bind="{ ...defaultAttrs, ...$attrs }" @show="onShow" @hide="destroy">
+    <!-- @vue-expect-error -->
     <template v-for="(_, slot) in $slots" #[slot]="scope">
       <slot :name="slot" v-bind="scope || {}" />
     </template>

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

@@ -105,7 +105,7 @@ export const AllIconAliases = {
       return { args, P_ICON_ALIASES };
     },
     template: `
-      <div class="mt-2 flex w-full gap-4">
+      <div class="mt-2 flex flex-wrap w-full gap-4">
         <div
           v-for="(iconClass, iconAlias) in P_ICON_ALIASES"
           :key="iconAlias"

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

@@ -1,8 +1,33 @@
 export const P_ICON_ALIASES = {
   delete: 'octicon:trash-24',
   edit: 'simple-line-icons:pencil',
-  send: 'fa:paper-plane',
+  send: 'mingcute:send-plane-fill',
   settings: 'heroicons:cog-8-tooth-20-solid',
+  empty: 'ph:empty',
+  'chevron-left': 'material-symbols:chevron-left-rounded',
+  'chevron-right': 'material-symbols:chevron-right-rounded',
+  'chevron-up': 'ph:caret-up',
+  'chevron-down': 'ph:caret-down',
+  'ok-circle': 'material-symbols:check-circle',
+  'cancel-circle': 'material-symbols:cancel',
+  ok: 'material-symbols:check',
+  cancel: 'material-symbols:close',
+  'ok-bold': 'fa:check',
+  'cancel-bold': 'fa:close',
+  archive: 'solar:archive-outline',
+  lock: 'material-symbols:lock',
+  'drag-horizontal': 'ci:drag-horizontal',
+  email: 'tabler:mail-filled',
+  location: 'gridicons:location',
+  calendar: 'mdi:calendar-today',
+  save: 'material-symbols:save-rounded',
+  copy: 'ph:copy',
+  plus: 'ic:outline-plus',
+  add: 'ic:outline-plus',
+  more: 'lineicons:more-alt',
+  filters: 'mage:filter',
+  'bar-chart': 'material-symbols:bar-chart-4-bars-rounded',
+  list: 'material-symbols:format-list-bulleted',
 } as const;
 
 export type PIconAlias = keyof typeof P_ICON_ALIASES;

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

@@ -1,19 +1,19 @@
 <template>
-  <iconify-icon v-bind="{ ...$props, icon: isPIcon(icon) ? P_ICON_ALIASES[icon] : icon }" />
+  <iconify-icon :icon="isPIcon(icon) ? P_ICON_ALIASES[icon] : icon" />
 </template>
 
 <script setup lang="ts">
 import 'iconify-icon';
 import { P_ICON_ALIASES, type PIconAlias } from '@squirrel/components/p-icon/p-icon.types';
-import { type IconifyIconAttributes } from 'iconify-icon';
+import { type IconifyIconProperties } from 'iconify-icon';
 
 defineOptions({
   name: 'PIcon',
 });
 
 // eslint-disable-next-line @typescript-eslint/consistent-type-definitions
-interface Props extends /* @vue-ignore */ Omit<IconifyIconAttributes, 'icon'> {
-  icon: IconifyIconAttributes['icon'] | PIconAlias;
+interface Props extends /* @vue-ignore */ IconifyIconProperties {
+  icon: PIconAlias | (string & {});
 }
 
 const isPIcon = (icon: string): icon is PIconAlias => !!P_ICON_ALIASES[icon as PIconAlias];

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

@@ -3,7 +3,7 @@
     <Transition name="pm-backdrop-transition" enter-active-class="fadeInDown" leave-active-class="fadeOutUp">
       <div
         v-if="show"
-        class="fixed left-0 top-0 z-[120] flex w-full justify-center"
+        class="fixed left-0 top-0 z-[9999] flex w-full justify-center"
         aria-live="polite"
         aria-busy="true"
       >

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

@@ -60,7 +60,7 @@
             </div>
           </slot>
           <slot name="footer-wrapper">
-            <div v-if="$slots['footer']" class="px-8 pt-6">
+            <div v-if="$slots.footer" class="px-8 pt-6">
               <slot name="footer"></slot>
             </div>
           </slot>