fix: generate react/picker and pass react TS checks

cem-react-wrapper.config.js

@@ -30,7 +30,7 @@ export default {
     packagejson: false,
     plugins: [
         reactWrapperPlugin({
-            exclude: ['PickerBase', 'StoryDecorator'],
+            exclude: ['StoryDecorator'],
             outDir: '../../react',
             prettierConfig: yaml.load(
                 readFileSync(resolve('../../.prettierrc.yaml'))

packages/picker/src/Picker.ts

@@ -62,15 +62,6 @@ const chevronClass = {
     xl: 'spectrum-UIIcon-ChevronDown300',
 };
 
-/**
- * @element sp-picker
- *
- * @slot label - The placeholder content for the Picker
- * @slot - menu items to be listed in the Picker
- * @fires change - Announces that the `value` of the element has changed
- * @fires sp-opened - Announces that the overlay has been opened
- * @fires sp-closed - Announces that the overlay has been closed
- */
 export class PickerBase extends SizedMixin(Focusable) {
     /**
      * @private
@@ -629,6 +620,15 @@ export class PickerBase extends SizedMixin(Focusable) {
     }
 }
 
+/**
+ * @element sp-picker
+ *
+ * @slot label - The placeholder content for the Picker
+ * @slot - menu items to be listed in the Picker
+ * @fires change - Announces that the `value` of the element has changed
+ * @fires sp-opened - Announces that the overlay has been opened
+ * @fires sp-closed - Announces that the overlay has been closed
+ */
 export class Picker extends PickerBase {
     public static override get styles(): CSSResultArray {
         return [pickerStyles, chevronStyles];

packages/sidenav/src/Sidenav.ts

@@ -63,7 +63,8 @@ export class SideNav extends Focusable {
             });
         },
         direction: 'vertical',
-        elements: () => [...this.querySelectorAll('sp-sidenav-item')],
+        elements: () =>
+            [...this.querySelectorAll('sp-sidenav-item')] as SideNavItem[],
         isFocusableElement: (el: SideNavItem) =>
             !el.disabled && !this.isDisabledChild(el),
     });