@pequity/squirrel 10.0.0 → 10.0.2

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

@@ -12,8 +12,9 @@ type Props = {
      */
     color?: string;
 };
-declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     size: number;
     color: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -11,7 +11,7 @@ type __VLS_Slots = {
         labelClasses: string;
     }) => unknown;
 };
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * The current selected value (v-model).
      * Supports two-way binding for form inputs.
@@ -159,7 +159,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     errorMsg: string;
     itemValue: string | number | boolean | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -77,7 +77,7 @@ type __VLS_Slots = {
         isSelected: boolean;
     }) => unknown;
 };
-declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | number | boolean | BtnGroupItem[] | null) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | number | boolean | BtnGroupItem[] | null) => any) | undefined;
@@ -94,7 +94,8 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     grow: boolean;
     noPadding: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -11,7 +11,7 @@ type __VLS_Slots = {
         itemTextSplit: string[];
     }): unknown;
 };
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
         type: PropType<ModelValue>;
         default: null;
@@ -283,7 +283,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     closePopperOnSelect: boolean;
     focusSearchOnMount: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -18,14 +18,7 @@ declare const SIZES: {
     lg: string;
 };
 type Size = keyof typeof SIZES;
-/**
- * A select pill component that displays options as connected buttons with a sliding indicator.
- * Provides a pill-style selection interface with smooth animations and visual feedback.
- * The active option is highlighted with a sliding background indicator.
- *
- * @displayName PSelectPill
- */
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * The currently selected value (v-model).
      * Should match one of the item values in the items array.
@@ -153,4 +146,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     itemValue: string | number;
     itemSubtext: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * A select pill component that displays options as connected buttons with a sliding indicator.
+ * Provides a pill-style selection interface with smooth animations and visual feedback.
+ * The active option is highlighted with a sliding background indicator.
+ *
+ * @displayName PSelectPill
+ */
+declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -4,15 +4,7 @@ declare const LOADER_TYPES: {
     readonly circle: "circle";
 };
 type LoaderType = (typeof LOADER_TYPES)[keyof typeof LOADER_TYPES];
-/**
- * A skeleton loader component that displays animated loading placeholders.
- * Provides customizable shapes, colors, and shimmer effects to indicate
- * content loading states. Supports both rectangle and circle shapes with
- * configurable background and shimmer colors.
- *
- * @displayName PSkeletonLoader
- */
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * The shape type of the skeleton loader.
      * Determines the border radius and overall appearance.
@@ -96,4 +88,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     cssClass: string;
     shimmerColor: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * A skeleton loader component that displays animated loading placeholders.
+ * Provides customizable shapes, colors, and shimmer effects to indicate
+ * content loading states. Supports both rectangle and circle shapes with
+ * configurable background and shimmer colors.
+ *
+ * @displayName PSkeletonLoader
+ */
+declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -16,7 +16,7 @@ type Props = {
      */
     clickable?: boolean;
 };
-declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "click:step": (step: StepItem, index: number) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     "onClick:step"?: ((step: StepItem, index: number) => any) | undefined;
@@ -25,4 +25,5 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
     steps: readonly StepItem[];
     clickable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,10 +1,6 @@
 import { type TableCol } from './p-table.types';
-declare const _default: <T extends Record<string, unknown>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly onScroll?: ((val: Event) => any) | undefined;
-        readonly "onCol-resize"?: ((colIndex: number, width: number) => any) | undefined;
-        readonly "onClick-filter-icon"?: ((val: Event, col: any) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onScroll" | "onClick-filter-icon" | "onCol-resize"> & {
+declare const __VLS_export: <T extends Record<string, unknown>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<{
         /**
          * Array of column definitions for the table.
          * Each column defines its display properties, filtering, and styling.
@@ -48,10 +44,14 @@ declare const _default: <T extends Record<string, unknown>>(__VLS_props: NonNull
          * Each object should have properties matching the column names.
          */
         data?: T[];
-    } & {}> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{
+    } & {
+        onScroll?: ((val: Event) => any) | undefined;
+        "onCol-resize"?: ((colIndex: number, width: number) => any) | undefined;
+        "onClick-filter-icon"?: ((val: Event, col: any) => any) | undefined;
+    }> & import("vue").PublicProps;
+    expose: (exposed: import("vue").ShallowUnwrapRef<{
         tbodyElement: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
-    }>): void;
+    }>) => void;
     attrs: any;
     slots: {
         [x: `prepend-header-cell-${string}`]: ((props: {
@@ -94,6 +94,7 @@ declare const _default: <T extends Record<string, unknown>>(__VLS_props: NonNull
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_PrettifyLocal<T> = {
     [K in keyof T as K]: T[K];

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

@@ -10,7 +10,7 @@ declare var __VLS_5: {};
 type __VLS_Slots = {} & {
     icon?: (props: typeof __VLS_5) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: 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;
@@ -22,7 +22,8 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     showFilterIcon: boolean;
     textColor: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * The number of rows to display in the skeleton table.
      * Controls the vertical size of the loading placeholder.
@@ -87,4 +87,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     tdSkeletonClasses: string;
     withSubheader: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,6 +1,6 @@
 import { type SortingType } from './p-table-sort.config';
 import { type PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * The current sorting state (v-model).
      * Valid values: 'asc', 'desc', 'no-sorting'
@@ -29,4 +29,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     modelValue: SortingType;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -19,11 +19,12 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+declare const __VLS_base: 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>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -13,7 +13,7 @@ type Tab = {
     /** Optional router link destination */
     to?: RouteLocationRaw;
 };
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * Array of tab objects to display.
      * Each tab should have a name, title, and optional icon and route.
@@ -70,4 +70,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     tabsLeftPadding: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

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, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: 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;
@@ -40,4 +40,5 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
     itemText: string;
     itemValue: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -11,7 +11,7 @@ type __VLS_Slots = {
         labelClasses: string;
     }) => unknown;
 };
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * The current value of the textarea (v-model).
      * Supports two-way binding for form inputs.
@@ -106,7 +106,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     modelValue: string | number | null;
     errorMsg: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1,6 +1,6 @@
 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<{
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
      * The current toggle state (v-model).
      * Supports two-way binding for form inputs.
@@ -107,6 +107,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
         labelClasses: string;
     }) => unknown;
 }>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/squirrel.css

@@ -164,7 +164,7 @@ input[type='checkbox'][data-v-c0f571ea]: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(--0ae27020);
+  max-width: var(--v0ae27020);
   width: 100%;
 }
 .drawer.drawer-left[data-v-b08a9ced] {

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@pequity/squirrel",
   "description": "Squirrel component library",
-  "version": "10.0.0",
-  "packageManager": "pnpm@10.17.1",
+  "version": "10.0.2",
+  "packageManager": "pnpm@10.18.1",
   "type": "module",
   "scripts": {
     "preinstall": "npx only-allow pnpm",
@@ -49,57 +49,57 @@
     "vue-toastification": "^2.0.0-rc.5"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.8.1",
-    "@commitlint/config-conventional": "^19.8.1",
-    "@pequity/eslint-config": "^2.0.4",
-    "@playwright/test": "^1.55.0",
+    "@commitlint/cli": "^20.1.0",
+    "@commitlint/config-conventional": "^20.0.0",
+    "@pequity/eslint-config": "^2.0.5",
+    "@playwright/test": "^1.56.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-a11y": "^9.1.7",
-    "@storybook/addon-docs": "^9.1.7",
-    "@storybook/addon-links": "^9.1.7",
-    "@storybook/addon-vitest": "^9.1.7",
-    "@storybook/vue3-vite": "^9.1.7",
+    "@storybook/addon-a11y": "^9.1.10",
+    "@storybook/addon-docs": "^9.1.10",
+    "@storybook/addon-links": "^9.1.10",
+    "@storybook/addon-vitest": "^9.1.10",
+    "@storybook/vue3-vite": "^9.1.10",
     "@tanstack/vue-virtual": "3.13.12",
-    "@types/jsdom": "^21.1.7",
+    "@types/jsdom": "^27.0.0",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^24.5.2",
+    "@types/node": "^24.7.0",
     "@vitejs/plugin-vue": "^6.0.1",
     "@vitest/browser": "3.2.4",
     "@vitest/coverage-v8": "^3.2.4",
-    "@vue/compiler-sfc": "3.5.21",
+    "@vue/compiler-sfc": "3.5.22",
     "@vue/test-utils": "^2.4.6",
     "@vuepic/vue-datepicker": "11.0.2",
     "autoprefixer": "^10.4.21",
-    "eslint": "^9.36.0",
-    "eslint-plugin-storybook": "^9.1.7",
+    "eslint": "^9.37.0",
+    "eslint-plugin-storybook": "^9.1.10",
     "floating-vue": "5.2.2",
     "glob": "^11.0.3",
     "husky": "^9.1.7",
     "iconify-icon": "^3.0.1",
     "jsdom": "^27.0.0",
-    "lint-staged": "^16.2.0",
+    "lint-staged": "^16.2.3",
     "lodash-es": "4.17.21",
     "make-coverage-badge": "^1.2.0",
-    "playwright": "^1.55.0",
+    "playwright": "^1.56.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.93.1",
+    "sass": "^1.93.2",
     "semantic-release": "^24.2.9",
-    "storybook": "^9.1.7",
+    "storybook": "^9.1.10",
     "svgo": "^4.0.0",
     "tailwindcss": "^3.4.17",
-    "typescript": "5.9.2",
-    "vite": "^7.1.7",
+    "typescript": "5.9.3",
+    "vite": "^7.1.9",
     "vitest": "^3.2.4",
-    "vue": "3.5.21",
+    "vue": "3.5.22",
     "vue-currency-input": "3.2.1",
     "vue-router": "4.5.1",
     "vue-toastification": "2.0.0-rc.5",
-    "vue-tsc": "3.0.8"
+    "vue-tsc": "3.1.1"
   },
   "dependencies": {
     "tailwind-merge": "^3.3.1",

package/squirrel/components/p-action-bar/p-action-bar.spec.ts

@@ -61,7 +61,7 @@ describe('PActionBar.vue', () => {
 
     await wrapper.setProps({ show: val });
 
-    const mainDiv = wrapper.find('.teleport-stub > .fixed.bottom-6');
+    const mainDiv = wrapper.find('.teleport-stub').find('.fixed.bottom-6');
 
     expect(mainDiv.exists()).toBe(val);
   });
@@ -78,7 +78,7 @@ describe('PActionBar.vue', () => {
       },
     });
 
-    const mainDiv = wrapper.find('.teleport-stub > .fixed.bottom-6');
+    const mainDiv = wrapper.find('.teleport-stub').find('.fixed.bottom-6');
     expect(mainDiv.exists()).toBe(true);
 
     expect(mainDiv.classes()).toEqual(['fixed', 'bottom-6', 'left-1/2', 'z-[100]', '-translate-x-2/4']);
@@ -131,7 +131,7 @@ describe('PActionBar.vue', () => {
       },
     });
 
-    const mainDiv = wrapper.find('.teleport-stub > .fixed.bottom-6');
+    const mainDiv = wrapper.find('.teleport-stub').find('.fixed.bottom-6');
 
     mainDiv.find('.p-dropdown-stub > button').trigger('click');
 
@@ -161,7 +161,7 @@ describe('PActionBar.vue', () => {
       },
     });
 
-    const actionBar = wrapper.find('.teleport-stub > div');
+    const actionBar = wrapper.find('.teleport-stub').find('div');
 
     expect(actionBar.attributes('role')).toBe('alertdialog');
     expect(actionBar.attributes('data-testid')).toBe('TestId');

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

@@ -116,6 +116,7 @@ describe('PBtn.vue', () => {
           'items-center',
           'justify-center',
           'has-[.slot-wrapper:empty]:gap-0',
+          'w-full',
           'px-3',
           'has-[.slot-wrapper:empty]:px-1.5',
           'py-1.5',
@@ -129,6 +130,7 @@ describe('PBtn.vue', () => {
           'items-center',
           'justify-center',
           'has-[.slot-wrapper:empty]:gap-0',
+          'w-full',
           'px-6',
           'has-[.slot-wrapper:empty]:px-2.5',
           'has-[.slot-wrapper:empty]:py-2.5',
@@ -143,6 +145,7 @@ describe('PBtn.vue', () => {
           'items-center',
           'justify-center',
           'has-[.slot-wrapper:empty]:gap-0',
+          'w-full',
           'px-6',
           'has-[.slot-wrapper:empty]:px-3',
           'py-3',

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

@@ -33,7 +33,7 @@ const btnClasses = {
   slots: {
     button:
       'relative inline-flex whitespace-nowrap rounded font-medium outline-none disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50',
-    content: 'flex items-center justify-center has-[.slot-wrapper:empty]:gap-0',
+    content: 'flex items-center justify-center has-[.slot-wrapper:empty]:gap-0 w-full',
     loader: 'absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center font-medium',
     icon: 'shrink-0',
   },

package/squirrel/components/p-dropdown-select/p-dropdown-select.spec.js

@@ -560,7 +560,7 @@ describe('PDropdownSelect.vue', () => {
     await item1.trigger('click');
 
     expect(wrapper.vm.$data.selected).toEqual([items[3]]);
-    expect(console.warn).toHaveBeenCalledWith(
+    expect(console.warn).toHaveBeenCalledExactlyOnceWith(
       `[p-select-list] Some values in the modelValue are not in the items list.`
     );
 

package/squirrel/components/p-input-number/p-input-number.spec.js

@@ -148,7 +148,7 @@ describe('PInputNumber.vue', () => {
       },
     });
 
-    const prefixDiv = wrapper.find('div > div.relative > div');
+    const prefixDiv = wrapper.find('div.relative').find('.left-3');
     expect(prefixDiv.exists()).toBe(true);
     expect(prefixDiv.text()).toBe('$');
   });

package/squirrel/components/p-input-number/p-input-number.vue

@@ -12,9 +12,7 @@
       <div v-if="!!$slots.prefix || prefixString">
         <!-- Slot for custom prefix content - overrides the prefixString prop -->
         <slot name="prefix">
-          <div
-            :class="[{ 'absolute left-3 flex items-center': prefixString }, prefixString ? prefixClasses[size] : '']"
-          >
+          <div :class="[{ 'absolute flex items-center': prefixString }, prefixString ? prefixClasses[size] : '']">
             {{ prefixString }}
           </div>
         </slot>

package/squirrel/components/p-modal/p-modal-features.spec.js

@@ -113,7 +113,7 @@ describe('Modal features', () => {
 
     await sleep(100);
 
-    const textInput = wrapper.getComponent('.modal-1').find('.modal-1 .text-input');
+    const textInput = wrapper.getComponent('.modal-1').find('.text-input');
 
     expect(document.activeElement).toEqual(textInput.element);
     wrapper.unmount();
@@ -134,11 +134,11 @@ describe('Modal features', () => {
 
     const modal2 = wrapper.getComponent('.modal-2');
 
-    await modal2.find('.modal-2 button[aria-label]').trigger('click');
+    await modal2.find('button[aria-label]').trigger('click');
 
     await sleep(300);
 
-    const textInput = modal1.find('.modal-1 .text-input');
+    const textInput = modal1.find('.text-input');
 
     expect(document.activeElement).toEqual(textInput.element);
 
@@ -158,17 +158,17 @@ describe('Modal features', () => {
 
     await sleep(100);
 
-    wrapper.setProps({ showInput: false });
+    await wrapper.setProps({ showInput: false });
 
     const modal2 = wrapper.getComponent('.modal-2');
 
-    await modal2.find('.modal-2 button[aria-label]').trigger('click');
+    await modal2.find('button[aria-label]').trigger('click');
 
-    await sleep(100);
-
-    const closeBtn = modal1.find('.modal-1 button[aria-label]');
+    await sleep(200);
 
-    expect(document.activeElement).toEqual(closeBtn.element);
+    // The first focusable element in modal1 according to FOCUSABLE_ELEMENTS order is a[href] (comes before button)
+    const linkElement = modal1.find('a[href]');
+    expect(document.activeElement).toEqual(linkElement.element);
     wrapper.unmount();
   });
 
@@ -183,7 +183,7 @@ describe('Modal features', () => {
 
     await modal1.trigger('keydown', { keyCode: 9 });
 
-    const textInput = modal1.find('.modal-1 .text-input');
+    const textInput = modal1.find('.text-input');
 
     expect(document.activeElement).toBe(textInput.element);
     wrapper.unmount();
@@ -203,9 +203,11 @@ describe('Modal features', () => {
       shiftKey: true,
     });
 
-    const checkboxInput = modal1.find('.modal-1 .checkbox-input');
+    // Shift+tab from text input (initial autofocus) goes to previous element in tab order
+    // According to FOCUSABLE_ELEMENTS order: a[href] -> input -> button -> checkbox -> close button
+    const openModal2Btn = modal1.find('.open-modal-2');
 
-    expect(document.activeElement).toBe(checkboxInput.element);
+    expect(document.activeElement).toBe(openModal2Btn.element);
     wrapper.unmount();
   });
 
@@ -278,11 +280,13 @@ describe('Modal features', () => {
 
     const modal1 = wrapper.getComponent('.modal-1');
 
-    await modal1.find('.modal-1 .checkbox-input').trigger('keydown', { keyCode: 9 });
+    await modal1.find('.checkbox-input').trigger('keydown', { keyCode: 9 });
 
-    const closeBtn = modal1.find('.modal-1 button[aria-label]');
+    // Tab from checkbox (last element) cycles back to the first focusable element (text input with autofocus)
+    // This is correct modal tab cycling behavior: when at the end, wrap to the beginning
+    const textInput = modal1.find('.text-input');
 
-    expect(document.activeElement).toEqual(closeBtn.element);
+    expect(document.activeElement).toEqual(textInput.element);
     wrapper.unmount();
   });
 
@@ -295,7 +299,7 @@ describe('Modal features', () => {
 
     const modal1 = wrapper.getComponent('.modal-1');
 
-    await modal1.find('.modal-1 button[aria-label]').trigger('click');
+    await modal1.find('button[aria-label]').trigger('click');
 
     await sleep(100);
 

package/squirrel/components/p-select-btn/p-select-btn.spec.js

@@ -246,8 +246,8 @@ describe('PSelectBtn.vue', () => {
     const buttonDivs = wrapper.findAll('div.inline-flex');
 
     buttonDivs.forEach((buttonDiv) => {
-      expect(buttonDiv.classes()).toContain('*:px-0');
-      expect(buttonDiv.classes()).toContain('*:py-0');
+      expect(buttonDiv.classes()).toContain('[&_*]:px-0');
+      expect(buttonDiv.classes()).toContain('[&_*]:py-0');
     });
   });