chore: copia de libs/shared con prefijo Pi y APIs de terceros actualizadas

libs/ui/src/lib/styles/deale-saas/wrappers/_pi-header-wrapper.scss

@@ -0,0 +1,47 @@
+.pi-wrapper {
+  // Header Wrapper
+  &.pi-wrapper__header {
+    // Center
+    &.pi-wrapper__align-items--center {
+      .pi-header-wrapper-content {
+        align-items: center;
+      }
+    }
+  }
+}
+
+.pi-layout__07-list {
+  .pi-header-wrapper-content {
+    &.pi-header-wrapper-content__left {
+      width: 100%;
+    }
+    &.pi-header-wrapper-content__right {
+      justify-content: flex-end;
+      display: flex;
+      & > aside {
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+        gap: var(--pi-spacing-xx-small);
+
+        .pi-select {
+          &.pi-select__picked-option-type--button {
+            .pi-select-picked-option {
+              background-color: var(--pi-color-white);
+            }
+            &:not(:hover) {
+              .pi-select-picked-option {
+                box-shadow: var(--pi-box-shadow);
+              }
+            }
+          }
+        }
+        .pi-toggle-button {
+          & > button {
+            border-radius: var(--pi-border-radius-large);
+          }
+        }
+      }
+    }
+  }
+}

libs/ui/src/lib/styles/deale-saas/wrappers/_pi-wrapper.scss

@@ -0,0 +1,42 @@
+@mixin dealeSaaSWrapperMaxWidth($max-width: 75%) {
+  .pi-shell__deale-saas {
+    .pi-wrapper {
+      // Max width
+      &.pi-wrapper__full-width,
+      &.pi-wrapper__full-width-centered {
+        max-width: $max-width;
+      }
+    }
+  }
+}
+
+html {
+  // Mobile
+  &.is-mobile {
+    .pi-wrapper {
+      div {
+        // Fixed wrapper
+        &.is-fixed {
+          position: fixed;
+          z-index: 99;
+          left: 0;
+          bottom: calc(var(--pi-height-footer) + env(safe-area-inset-bottom));
+          display: flex;
+          justify-content: flex-end;
+          align-items: center;
+          width: 100%;
+          padding: var(--pi-spacing-xx-small) var(--pi-spacing-x-large);
+          right: 0;
+          button {
+            min-width: 50%;
+            box-shadow: var(--pi-box-shadow);
+          }
+        }
+      }
+    } 
+  }
+  // Desktop
+  &.is-desktop {
+    @include dealeSaaSWrapperMaxWidth;
+  }
+}

libs/ui/src/lib/styles/deale-saas/wrappers/index.scss

@@ -0,0 +1,2 @@
+@forward 'pi-header-wrapper';
+@forward 'pi-wrapper';