SelectPanel2: Export props + pass props (#4198)

* export everything from SelectPanel

* pass root props to dialog

* Create few-rockets-begin.md

* Update exports.test.ts.snap

* export all types

* always forget to update snapshots

.changeset/few-rockets-begin.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+experimental/SelectPanel: Pass props from SelectPanel root to dialog element

src/__tests__/__snapshots__/exports.test.ts.snap

@@ -284,6 +284,9 @@ exports[`@primer/react/drafts should not update exports without a semver change
   "type Reference",
   "type SavedReply",
   "SelectPanel",
+  "type SelectPanelMessageProps",
+  "type SelectPanelProps",
+  "type SelectPanelSecondaryActionProps",
   "type ShowSuggestionsEvent",
   "type SlotConfig",
   "type Suggestion",
@@ -364,6 +367,9 @@ exports[`@primer/react/experimental should not update exports without a semver c
   "type Reference",
   "type SavedReply",
   "SelectPanel",
+  "type SelectPanelMessageProps",
+  "type SelectPanelProps",
+  "type SelectPanelSecondaryActionProps",
   "type ShowSuggestionsEvent",
   "type SlotConfig",
   "type Suggestion",

src/drafts/SelectPanel2/SelectPanel.tsx

@@ -250,6 +250,7 @@ const Panel: React.FC<SelectPanelProps> = ({
             '100%': {transform: 'scale(1, 1)'},
           },
         }}
+        {...props}
         onClick={event => {
           if (event.target === event.currentTarget) onClickOutside()
         }}
@@ -488,7 +489,7 @@ const SecondaryCheckbox: React.FC<CheckboxProps> = ({id, children, ...props}) =>
   )
 }
 
-type SelectPanelSecondaryActionProps = {children: React.ReactNode} & (
+export type SelectPanelSecondaryActionProps = {children: React.ReactNode} & (
   | ({variant: 'button'} & Partial<Omit<ButtonProps, 'variant'>>)
   | ({variant: 'link'} & Partial<LinkProps>)
   | ({variant: 'checkbox'; id?: string} & CheckboxProps)
@@ -525,7 +526,7 @@ const SelectPanelLoading: React.FC<{children: string}> = ({children = 'Fetching
   )
 }
 
-type SelectPanelMessageProps = {children: React.ReactNode} & (
+export type SelectPanelMessageProps = {children: React.ReactNode} & (
   | {
       size?: 'full'
       title: string // title is required with size:full

src/drafts/SelectPanel2/index.tsx

@@ -1 +1 @@
-export {SelectPanel} from './SelectPanel'
+export * from './SelectPanel'