sakana-element 2.1.4 → 2.2.0

package/dist/theme/Message.css

@@ -174,7 +174,7 @@
 }
 .px-message.fade-up-enter-active,
 .px-message.fade-up-leave-active {
-  transition: opacity 0.1s, transform 0.1s;
+  transition: opacity 0.15s steps(3), transform 0.15s steps(3);
 }
 /* MessageBox Variables */
 .px-message-box {
@@ -286,7 +286,10 @@
       font-size: var(--px-message-box-close-size);
       cursor: pointer;
       box-shadow: 2px 2px 0 0 var(--px-shadow-color);
-      transition: none;
+      transition: none;
+      display: flex;
+      align-items: center;
+      justify-content: center;
 }
 .px-message-box .px-message-box__header .px-message-box__header-btn i {
         color: var(--px-text-color-secondary);
@@ -336,10 +339,10 @@
 }
 /* Animation */
 .fade-in-linear-enter-active .px-overlay-message-box {
-    animation: msgbox-fade-in 0.1s;
+    animation: msgbox-fade-in 0.15s steps(3);
 }
 .fade-in-linear-leave-active .px-overlay-message-box {
-    animation: msgbox-fade-in 0.1s reverse;
+    animation: msgbox-fade-in 0.15s steps(3) reverse;
 }
 @keyframes msgbox-fade-in {
 0% {

package/dist/theme/Notification.css

@@ -1,5 +1,5 @@
 /* Notification Variables */
-.px-notification[data-v-2111f4f7] {
+.px-notification[data-v-ff3aeca4] {
   --px-notification-width: 330px;
   --px-notification-padding: 14px 20px;
   --px-notification-border-color: var(--px-border-color);
@@ -14,7 +14,7 @@
   --px-notification-shadow-color: var(--px-shadow-color);
 }
 /* Base Notification Styles - Pixel Game Style */
-.px-notification[data-v-2111f4f7] {
+.px-notification[data-v-ff3aeca4] {
   display: flex;
   width: var(--px-notification-width);
   padding: var(--px-notification-padding);
@@ -38,24 +38,24 @@
   /* No smooth transitions */
   transition: none;
 }
-.px-notification.right[data-v-2111f4f7] {
+.px-notification.right[data-v-ff3aeca4] {
     right: 16px;
 }
-.px-notification.left[data-v-2111f4f7] {
+.px-notification.left[data-v-ff3aeca4] {
     left: 16px;
 }
-.px-notification .px-notification__text[data-v-2111f4f7] {
+.px-notification .px-notification__text[data-v-ff3aeca4] {
     margin: 0 10px;
     flex: 1;
 }
-.px-notification .px-notification__icon[data-v-2111f4f7] {
+.px-notification .px-notification__icon[data-v-ff3aeca4] {
     height: var(--px-notification-icon-size);
     width: var(--px-notification-icon-size);
     font-size: var(--px-notification-icon-size);
     color: var(--px-notification-icon-color);
     flex-shrink: 0;
 }
-.px-notification .px-notification__title[data-v-2111f4f7] {
+.px-notification .px-notification__title[data-v-ff3aeca4] {
     font-weight: 500;
     font-size: var(--px-notification-title-font-size);
     font-family: var(--px-font-family);
@@ -63,7 +63,7 @@
     color: var(--px-notification-title-color);
     margin: 0;
 }
-.px-notification .px-notification__content[data-v-2111f4f7] {
+.px-notification .px-notification__content[data-v-ff3aeca4] {
     font-size: var(--px-notification-content-font-size);
     font-family: var(--px-font-family);
     line-height: 1.5;
@@ -71,7 +71,7 @@
     color: var(--px-notification-content-color);
     text-align: left;
 }
-.px-notification .px-notification__close[data-v-2111f4f7] {
+.px-notification .px-notification__close[data-v-ff3aeca4] {
     position: absolute;
     top: 14px;
     right: 14px;
@@ -79,48 +79,48 @@
     color: var(--px-notification-close-color);
     font-size: var(--px-notification-close-font-size);
 }
-.px-notification .px-notification__close[data-v-2111f4f7]:hover {
+.px-notification .px-notification__close[data-v-ff3aeca4]:hover {
       color: var(--px-notification-close-hover-color);
 }
 /* Type variants with colored shadows */
-.px-notification--info[data-v-2111f4f7] {
+.px-notification--info[data-v-ff3aeca4] {
     --px-notification-icon-color: var(--px-color-info);
     --px-notification-border-color: var(--px-color-info);
     --px-notification-shadow-color: var(--px-color-info-dark);
 }
-.px-notification--success[data-v-2111f4f7] {
+.px-notification--success[data-v-ff3aeca4] {
     --px-notification-icon-color: var(--px-color-success);
     --px-notification-border-color: var(--px-color-success);
     --px-notification-shadow-color: var(--px-color-success-dark);
 }
-.px-notification--warning[data-v-2111f4f7] {
+.px-notification--warning[data-v-ff3aeca4] {
     --px-notification-icon-color: var(--px-color-warning);
     --px-notification-border-color: var(--px-color-warning);
     --px-notification-shadow-color: var(--px-color-warning-dark);
 }
-.px-notification--danger[data-v-2111f4f7] {
+.px-notification--danger[data-v-ff3aeca4] {
     --px-notification-icon-color: var(--px-color-danger);
     --px-notification-border-color: var(--px-color-danger);
     --px-notification-shadow-color: var(--px-color-danger-dark);
 }
-.px-notification--error[data-v-2111f4f7] {
+.px-notification--error[data-v-ff3aeca4] {
   --px-notification-icon-color: var(--px-color-danger);
   --px-notification-border-color: var(--px-color-danger);
   --px-notification-shadow-color: var(--px-color-danger-dark);
 }
 /* Animation */
-.px-notification-fade-enter-from.right[data-v-2111f4f7] {
+.px-notification-fade-enter-from.right[data-v-ff3aeca4] {
     right: 0;
     transform: translateX(100%);
 }
-.px-notification-fade-enter-from.left[data-v-2111f4f7] {
+.px-notification-fade-enter-from.left[data-v-ff3aeca4] {
     left: 0;
     transform: translateX(-100%);
 }
-.px-notification-fade-leave-to[data-v-2111f4f7] {
+.px-notification-fade-leave-to[data-v-ff3aeca4] {
   opacity: 0;
 }
-.px-notification-fade-enter-active[data-v-2111f4f7],
-.px-notification-fade-leave-active[data-v-2111f4f7] {
-  transition: opacity 0.1s, transform 0.1s;
+.px-notification-fade-enter-active[data-v-ff3aeca4],
+.px-notification-fade-leave-active[data-v-ff3aeca4] {
+  transition: opacity 0.15s steps(3), transform 0.15s steps(3);
 }

package/dist/theme/Popconfirm.css

@@ -1,13 +1,13 @@
 /* Popconfirm Variables */
-.px-popconfirm[data-v-72e03259] {
+.px-popconfirm[data-v-fd6e7d1d] {
   --px-popconfirm-icon-size: 16px;
   --px-popconfirm-font-size: var(--px-font-size-base);
 }
 /* Base Popconfirm Styles - Pixel Dialog */
-.px-popconfirm[data-v-72e03259] {
+.px-popconfirm[data-v-fd6e7d1d] {
   font-family: var(--px-font-family);
 }
-.px-popconfirm .px-popconfirm__main[data-v-72e03259] {
+.px-popconfirm .px-popconfirm__main[data-v-fd6e7d1d] {
     display: flex;
     align-items: flex-start;
     gap: 8px;
@@ -15,12 +15,12 @@
     color: var(--px-text-color-primary);
     line-height: 1.5;
 }
-.px-popconfirm .px-popconfirm__main i[data-v-72e03259] {
+.px-popconfirm .px-popconfirm__main i[data-v-fd6e7d1d] {
       font-size: var(--px-popconfirm-icon-size);
       flex-shrink: 0;
       margin-top: 2px;
 }
-.px-popconfirm .px-popconfirm__action[data-v-72e03259] {
+.px-popconfirm .px-popconfirm__action[data-v-fd6e7d1d] {
     display: flex;
     justify-content: flex-end;
     gap: 8px;

package/dist/theme/Select.css

@@ -1,5 +1,5 @@
 /* Select Variables */
-.px-select[data-v-c5f1823d] {
+.px-select[data-v-d9852f9a] {
   --px-select-item-hover-bg-color: var(--px-fill-color-light);
   --px-select-item-font-size: var(--px-font-size-base);
   --px-select-item-font-color: var(--px-text-color-primary);
@@ -14,30 +14,30 @@
   --px-select-item-highlighted-border-color: var(--px-color-primary);
 }
 /* Base Select Styles - Pixel Dropdown */
-.px-select[data-v-c5f1823d] {
+.px-select[data-v-d9852f9a] {
   display: inline-block;
   vertical-align: middle;
   line-height: 32px;
   font-family: var(--px-font-family);
 }
 /* Tooltip popper styling - pixel style inherited from Tooltip */
-.px-select[data-v-c5f1823d] .px-tooltip__popper {
+.px-select[data-v-d9852f9a] .px-tooltip__popper {
     padding: 0;
 }
 /* Override tooltip background to match select dropdown */
-.px-select[data-v-c5f1823d] .px-tooltip__popper::after {
+.px-select[data-v-d9852f9a] .px-tooltip__popper::after {
       background: var(--px-select-dropdown-bg-color);
 }
 /* Input with dropdown arrow */
-.px-select[data-v-c5f1823d] .px-input .header-angle {
+.px-select[data-v-d9852f9a] .px-input .header-angle {
       transition: none;
 }
-.px-select[data-v-c5f1823d] .px-input .header-angle.is-active {
+.px-select[data-v-d9852f9a] .px-input .header-angle.is-active {
         transform: rotate(180deg);
 }
 /* No data / Loading states */
-.px-select .px-select__nodata[data-v-c5f1823d],
-  .px-select .px-select__loading[data-v-c5f1823d] {
+.px-select .px-select__nodata[data-v-d9852f9a],
+  .px-select .px-select__loading[data-v-d9852f9a] {
     padding: 12px 16px;
     margin: 0;
     text-align: center;
@@ -46,14 +46,14 @@
     font-family: var(--px-font-family);
 }
 /* Menu container */
-.px-select .px-select__menu[data-v-c5f1823d] {
+.px-select .px-select__menu[data-v-d9852f9a] {
     list-style: none;
     margin: 0;
     padding: 4px 0;
     box-sizing: border-box;
 }
 /* Menu items - Pixel list style */
-.px-select .px-select__menu-item[data-v-c5f1823d] {
+.px-select .px-select__menu-item[data-v-d9852f9a] {
     margin: 0;
     font-size: var(--px-select-item-font-size);
     font-family: var(--px-font-family);
@@ -70,7 +70,7 @@
     transition: none;
 }
 /* Pixel selector indicator - small square */
-.px-select .px-select__menu-item[data-v-c5f1823d]::before {
+.px-select .px-select__menu-item[data-v-d9852f9a]::before {
       content: '';
       position: absolute;
       left: 10px;
@@ -83,7 +83,7 @@
       z-index: 2;
 }
 /* Background layer for hover/selected states */
-.px-select .px-select__menu-item[data-v-c5f1823d]::after {
+.px-select .px-select__menu-item[data-v-d9852f9a]::after {
       content: '';
       position: absolute;
       inset: 0;
@@ -93,45 +93,45 @@
       z-index: -1;
 }
 /* Hover effect */
-.px-select .px-select__menu-item[data-v-c5f1823d]:hover::after {
+.px-select .px-select__menu-item[data-v-d9852f9a]:hover::after {
         background-color: var(--px-select-item-hover-bg-color);
 }
-.px-select .px-select__menu-item[data-v-c5f1823d]:hover::before {
+.px-select .px-select__menu-item[data-v-d9852f9a]:hover::before {
         border-color: var(--px-hover-border-color);
 }
 /* Selected state with pixel indicator */
-.px-select .px-select__menu-item.is-selected[data-v-c5f1823d] {
+.px-select .px-select__menu-item.is-selected[data-v-d9852f9a] {
       color: var(--px-select-item-selected-font-color);
       font-weight: 500;
 }
-.px-select .px-select__menu-item.is-selected[data-v-c5f1823d]::after {
+.px-select .px-select__menu-item.is-selected[data-v-d9852f9a]::after {
         background-color: var(--px-select-item-selected-bg-color);
 }
-.px-select .px-select__menu-item.is-selected[data-v-c5f1823d]::before {
+.px-select .px-select__menu-item.is-selected[data-v-d9852f9a]::before {
         background: var(--px-select-item-indicator-color);
         border-color: var(--px-select-item-indicator-color);
 }
 /* Highlighted (keyboard navigation) */
-.px-select .px-select__menu-item.is-highlighted[data-v-c5f1823d]::after {
+.px-select .px-select__menu-item.is-highlighted[data-v-d9852f9a]::after {
         background-color: var(--px-select-item-hover-bg-color);
 }
-.px-select .px-select__menu-item.is-highlighted[data-v-c5f1823d]::before {
+.px-select .px-select__menu-item.is-highlighted[data-v-d9852f9a]::before {
         border-color: var(--px-select-item-highlighted-border-color);
 }
 /* Disabled state */
-.px-select .px-select__menu-item.is-disabled[data-v-c5f1823d] {
+.px-select .px-select__menu-item.is-disabled[data-v-d9852f9a] {
       color: var(--px-select-item-disabled-font-color);
       cursor: not-allowed;
 }
-.px-select .px-select__menu-item.is-disabled[data-v-c5f1823d]:hover::after {
+.px-select .px-select__menu-item.is-disabled[data-v-d9852f9a]:hover::after {
           background-color: transparent;
 }
-.px-select .px-select__menu-item.is-disabled[data-v-c5f1823d]:hover::before {
+.px-select .px-select__menu-item.is-disabled[data-v-d9852f9a]:hover::before {
           border-color: transparent;
           background: transparent;
 }
 /* First item needs pixel corners on top */
-.px-select .px-select__menu-item[data-v-c5f1823d]:first-child::after {
+.px-select .px-select__menu-item[data-v-d9852f9a]:first-child::after {
       top: 2px;
       clip-path: polygon(
         0 2px, 2px 2px, 2px 0, 4px 0,
@@ -141,7 +141,7 @@
       );
 }
 /* Last item needs pixel corners on bottom */
-.px-select .px-select__menu-item[data-v-c5f1823d]:last-child::after {
+.px-select .px-select__menu-item[data-v-d9852f9a]:last-child::after {
       bottom: 2px;
       clip-path: polygon(
         0 0,
@@ -151,7 +151,7 @@
       );
 }
 /* If only one item, needs both top and bottom pixel corners */
-.px-select .px-select__menu-item[data-v-c5f1823d]:first-child:last-child::after {
+.px-select .px-select__menu-item[data-v-d9852f9a]:first-child:last-child::after {
       top: 2px;
       bottom: 2px;
       clip-path: polygon(
@@ -162,81 +162,81 @@
       );
 }
 /* Input pointer cursor */
-.px-select[data-v-c5f1823d] .px-input__inner {
+.px-select[data-v-d9852f9a] .px-input__inner {
     cursor: pointer;
 }
 /* Disabled state */
-.px-select.is-disabled[data-v-c5f1823d] {
+.px-select.is-disabled[data-v-d9852f9a] {
     opacity: 0.6;
     cursor: not-allowed;
 }
 /* Ghost style - transparent at rest, Input handles border/shadow via prop */
-.px-select.is-ghost[data-v-c5f1823d] .px-tooltip__popper::after {
+.px-select.is-ghost[data-v-d9852f9a] .px-tooltip__popper::after {
         background: var(--px-select-dropdown-bg-color);
 }
 /* Size: Large */
-.px-select.px-select--large[data-v-c5f1823d] {
+.px-select.px-select--large[data-v-d9852f9a] {
     line-height: 44px;
 }
-.px-select.px-select--large .px-select__menu-item[data-v-c5f1823d] {
+.px-select.px-select--large .px-select__menu-item[data-v-d9852f9a] {
       height: 44px;
       line-height: 44px;
       font-size: var(--px-font-size-large);
       padding: 0 20px 0 28px;
 }
-.px-select.px-select--large .px-select__menu-item[data-v-c5f1823d]::before {
+.px-select.px-select--large .px-select__menu-item[data-v-d9852f9a]::before {
         left: 12px;
         width: 8px;
         height: 8px;
 }
 /* Size: Small */
-.px-select.px-select--small[data-v-c5f1823d] {
+.px-select.px-select--small[data-v-d9852f9a] {
     line-height: 28px;
 }
-.px-select.px-select--small .px-select__menu-item[data-v-c5f1823d] {
+.px-select.px-select--small .px-select__menu-item[data-v-d9852f9a] {
       height: 28px;
       line-height: 28px;
       font-size: var(--px-font-size-small);
       padding: 0 12px 0 20px;
 }
-.px-select.px-select--small .px-select__menu-item[data-v-c5f1823d]::before {
+.px-select.px-select--small .px-select__menu-item[data-v-d9852f9a]::before {
         left: 8px;
         width: 4px;
         height: 4px;
 }
 /* Color variants */
-.px-select.px-select--primary[data-v-c5f1823d] {
+.px-select.px-select--primary[data-v-d9852f9a] {
       --px-select-item-selected-font-color: var(--px-color-primary);
       --px-select-item-selected-bg-color: var(--px-color-primary-light-9);
       --px-select-item-indicator-color: var(--px-color-primary);
       --px-select-item-highlighted-border-color: var(--px-color-primary);
 }
-.px-select.px-select--success[data-v-c5f1823d] {
+.px-select.px-select--success[data-v-d9852f9a] {
       --px-select-item-selected-font-color: var(--px-color-success);
       --px-select-item-selected-bg-color: var(--px-color-success-light-9);
       --px-select-item-indicator-color: var(--px-color-success);
       --px-select-item-highlighted-border-color: var(--px-color-success);
 }
-.px-select.px-select--warning[data-v-c5f1823d] {
+.px-select.px-select--warning[data-v-d9852f9a] {
       --px-select-item-selected-font-color: var(--px-color-warning);
       --px-select-item-selected-bg-color: var(--px-color-warning-light-9);
       --px-select-item-indicator-color: var(--px-color-warning);
       --px-select-item-highlighted-border-color: var(--px-color-warning);
 }
-.px-select.px-select--info[data-v-c5f1823d] {
+.px-select.px-select--info[data-v-d9852f9a] {
       --px-select-item-selected-font-color: var(--px-color-info);
       --px-select-item-selected-bg-color: var(--px-color-info-light-9);
       --px-select-item-indicator-color: var(--px-color-info);
       --px-select-item-highlighted-border-color: var(--px-color-info);
 }
-.px-select.px-select--danger[data-v-c5f1823d] {
+.px-select.px-select--danger[data-v-d9852f9a] {
       --px-select-item-selected-font-color: var(--px-color-danger);
       --px-select-item-selected-bg-color: var(--px-color-danger-light-9);
       --px-select-item-indicator-color: var(--px-color-danger);
       --px-select-item-highlighted-border-color: var(--px-color-danger);
 }
 /* Select Variables */
-.px-select[data-v-ec41a99d] {
+.px-select[data-v-4d450d40] {
   --px-select-item-hover-bg-color: var(--px-fill-color-light);
   --px-select-item-font-size: var(--px-font-size-base);
   --px-select-item-font-color: var(--px-text-color-primary);
@@ -251,30 +251,30 @@
   --px-select-item-highlighted-border-color: var(--px-color-primary);
 }
 /* Base Select Styles - Pixel Dropdown */
-.px-select[data-v-ec41a99d] {
+.px-select[data-v-4d450d40] {
   display: inline-block;
   vertical-align: middle;
   line-height: 32px;
   font-family: var(--px-font-family);
 }
 /* Tooltip popper styling - pixel style inherited from Tooltip */
-.px-select[data-v-ec41a99d] .px-tooltip__popper {
+.px-select[data-v-4d450d40] .px-tooltip__popper {
     padding: 0;
 }
 /* Override tooltip background to match select dropdown */
-.px-select[data-v-ec41a99d] .px-tooltip__popper::after {
+.px-select[data-v-4d450d40] .px-tooltip__popper::after {
       background: var(--px-select-dropdown-bg-color);
 }
 /* Input with dropdown arrow */
-.px-select[data-v-ec41a99d] .px-input .header-angle {
+.px-select[data-v-4d450d40] .px-input .header-angle {
       transition: none;
 }
-.px-select[data-v-ec41a99d] .px-input .header-angle.is-active {
+.px-select[data-v-4d450d40] .px-input .header-angle.is-active {
         transform: rotate(180deg);
 }
 /* No data / Loading states */
-.px-select .px-select__nodata[data-v-ec41a99d],
-  .px-select .px-select__loading[data-v-ec41a99d] {
+.px-select .px-select__nodata[data-v-4d450d40],
+  .px-select .px-select__loading[data-v-4d450d40] {
     padding: 12px 16px;
     margin: 0;
     text-align: center;
@@ -283,14 +283,14 @@
     font-family: var(--px-font-family);
 }
 /* Menu container */
-.px-select .px-select__menu[data-v-ec41a99d] {
+.px-select .px-select__menu[data-v-4d450d40] {
     list-style: none;
     margin: 0;
     padding: 4px 0;
     box-sizing: border-box;
 }
 /* Menu items - Pixel list style */
-.px-select .px-select__menu-item[data-v-ec41a99d] {
+.px-select .px-select__menu-item[data-v-4d450d40] {
     margin: 0;
     font-size: var(--px-select-item-font-size);
     font-family: var(--px-font-family);
@@ -307,7 +307,7 @@
     transition: none;
 }
 /* Pixel selector indicator - small square */
-.px-select .px-select__menu-item[data-v-ec41a99d]::before {
+.px-select .px-select__menu-item[data-v-4d450d40]::before {
       content: '';
       position: absolute;
       left: 10px;
@@ -320,7 +320,7 @@
       z-index: 2;
 }
 /* Background layer for hover/selected states */
-.px-select .px-select__menu-item[data-v-ec41a99d]::after {
+.px-select .px-select__menu-item[data-v-4d450d40]::after {
       content: '';
       position: absolute;
       inset: 0;
@@ -330,45 +330,45 @@
       z-index: -1;
 }
 /* Hover effect */
-.px-select .px-select__menu-item[data-v-ec41a99d]:hover::after {
+.px-select .px-select__menu-item[data-v-4d450d40]:hover::after {
         background-color: var(--px-select-item-hover-bg-color);
 }
-.px-select .px-select__menu-item[data-v-ec41a99d]:hover::before {
+.px-select .px-select__menu-item[data-v-4d450d40]:hover::before {
         border-color: var(--px-hover-border-color);
 }
 /* Selected state with pixel indicator */
-.px-select .px-select__menu-item.is-selected[data-v-ec41a99d] {
+.px-select .px-select__menu-item.is-selected[data-v-4d450d40] {
       color: var(--px-select-item-selected-font-color);
       font-weight: 500;
 }
-.px-select .px-select__menu-item.is-selected[data-v-ec41a99d]::after {
+.px-select .px-select__menu-item.is-selected[data-v-4d450d40]::after {
         background-color: var(--px-select-item-selected-bg-color);
 }
-.px-select .px-select__menu-item.is-selected[data-v-ec41a99d]::before {
+.px-select .px-select__menu-item.is-selected[data-v-4d450d40]::before {
         background: var(--px-select-item-indicator-color);
         border-color: var(--px-select-item-indicator-color);
 }
 /* Highlighted (keyboard navigation) */
-.px-select .px-select__menu-item.is-highlighted[data-v-ec41a99d]::after {
+.px-select .px-select__menu-item.is-highlighted[data-v-4d450d40]::after {
         background-color: var(--px-select-item-hover-bg-color);
 }
-.px-select .px-select__menu-item.is-highlighted[data-v-ec41a99d]::before {
+.px-select .px-select__menu-item.is-highlighted[data-v-4d450d40]::before {
         border-color: var(--px-select-item-highlighted-border-color);
 }
 /* Disabled state */
-.px-select .px-select__menu-item.is-disabled[data-v-ec41a99d] {
+.px-select .px-select__menu-item.is-disabled[data-v-4d450d40] {
       color: var(--px-select-item-disabled-font-color);
       cursor: not-allowed;
 }
-.px-select .px-select__menu-item.is-disabled[data-v-ec41a99d]:hover::after {
+.px-select .px-select__menu-item.is-disabled[data-v-4d450d40]:hover::after {
           background-color: transparent;
 }
-.px-select .px-select__menu-item.is-disabled[data-v-ec41a99d]:hover::before {
+.px-select .px-select__menu-item.is-disabled[data-v-4d450d40]:hover::before {
           border-color: transparent;
           background: transparent;
 }
 /* First item needs pixel corners on top */
-.px-select .px-select__menu-item[data-v-ec41a99d]:first-child::after {
+.px-select .px-select__menu-item[data-v-4d450d40]:first-child::after {
       top: 2px;
       clip-path: polygon(
         0 2px, 2px 2px, 2px 0, 4px 0,
@@ -378,7 +378,7 @@
       );
 }
 /* Last item needs pixel corners on bottom */
-.px-select .px-select__menu-item[data-v-ec41a99d]:last-child::after {
+.px-select .px-select__menu-item[data-v-4d450d40]:last-child::after {
       bottom: 2px;
       clip-path: polygon(
         0 0,
@@ -388,7 +388,7 @@
       );
 }
 /* If only one item, needs both top and bottom pixel corners */
-.px-select .px-select__menu-item[data-v-ec41a99d]:first-child:last-child::after {
+.px-select .px-select__menu-item[data-v-4d450d40]:first-child:last-child::after {
       top: 2px;
       bottom: 2px;
       clip-path: polygon(
@@ -399,74 +399,74 @@
       );
 }
 /* Input pointer cursor */
-.px-select[data-v-ec41a99d] .px-input__inner {
+.px-select[data-v-4d450d40] .px-input__inner {
     cursor: pointer;
 }
 /* Disabled state */
-.px-select.is-disabled[data-v-ec41a99d] {
+.px-select.is-disabled[data-v-4d450d40] {
     opacity: 0.6;
     cursor: not-allowed;
 }
 /* Ghost style - transparent at rest, Input handles border/shadow via prop */
-.px-select.is-ghost[data-v-ec41a99d] .px-tooltip__popper::after {
+.px-select.is-ghost[data-v-4d450d40] .px-tooltip__popper::after {
         background: var(--px-select-dropdown-bg-color);
 }
 /* Size: Large */
-.px-select.px-select--large[data-v-ec41a99d] {
+.px-select.px-select--large[data-v-4d450d40] {
     line-height: 44px;
 }
-.px-select.px-select--large .px-select__menu-item[data-v-ec41a99d] {
+.px-select.px-select--large .px-select__menu-item[data-v-4d450d40] {
       height: 44px;
       line-height: 44px;
       font-size: var(--px-font-size-large);
       padding: 0 20px 0 28px;
 }
-.px-select.px-select--large .px-select__menu-item[data-v-ec41a99d]::before {
+.px-select.px-select--large .px-select__menu-item[data-v-4d450d40]::before {
         left: 12px;
         width: 8px;
         height: 8px;
 }
 /* Size: Small */
-.px-select.px-select--small[data-v-ec41a99d] {
+.px-select.px-select--small[data-v-4d450d40] {
     line-height: 28px;
 }
-.px-select.px-select--small .px-select__menu-item[data-v-ec41a99d] {
+.px-select.px-select--small .px-select__menu-item[data-v-4d450d40] {
       height: 28px;
       line-height: 28px;
       font-size: var(--px-font-size-small);
       padding: 0 12px 0 20px;
 }
-.px-select.px-select--small .px-select__menu-item[data-v-ec41a99d]::before {
+.px-select.px-select--small .px-select__menu-item[data-v-4d450d40]::before {
         left: 8px;
         width: 4px;
         height: 4px;
 }
 /* Color variants */
-.px-select.px-select--primary[data-v-ec41a99d] {
+.px-select.px-select--primary[data-v-4d450d40] {
       --px-select-item-selected-font-color: var(--px-color-primary);
       --px-select-item-selected-bg-color: var(--px-color-primary-light-9);
       --px-select-item-indicator-color: var(--px-color-primary);
       --px-select-item-highlighted-border-color: var(--px-color-primary);
 }
-.px-select.px-select--success[data-v-ec41a99d] {
+.px-select.px-select--success[data-v-4d450d40] {
       --px-select-item-selected-font-color: var(--px-color-success);
       --px-select-item-selected-bg-color: var(--px-color-success-light-9);
       --px-select-item-indicator-color: var(--px-color-success);
       --px-select-item-highlighted-border-color: var(--px-color-success);
 }
-.px-select.px-select--warning[data-v-ec41a99d] {
+.px-select.px-select--warning[data-v-4d450d40] {
       --px-select-item-selected-font-color: var(--px-color-warning);
       --px-select-item-selected-bg-color: var(--px-color-warning-light-9);
       --px-select-item-indicator-color: var(--px-color-warning);
       --px-select-item-highlighted-border-color: var(--px-color-warning);
 }
-.px-select.px-select--info[data-v-ec41a99d] {
+.px-select.px-select--info[data-v-4d450d40] {
       --px-select-item-selected-font-color: var(--px-color-info);
       --px-select-item-selected-bg-color: var(--px-color-info-light-9);
       --px-select-item-indicator-color: var(--px-color-info);
       --px-select-item-highlighted-border-color: var(--px-color-info);
 }
-.px-select.px-select--danger[data-v-ec41a99d] {
+.px-select.px-select--danger[data-v-4d450d40] {
       --px-select-item-selected-font-color: var(--px-color-danger);
       --px-select-item-selected-bg-color: var(--px-color-danger-light-9);
       --px-select-item-indicator-color: var(--px-color-danger);