chore: add SelectBoxGroup to chromatic

[yihuiliao]

Closes

✅ Pull Request Checklist:

• Included link to corresponding React Spectrum GitHub Issue.
• Added/updated unit tests and storybook for this change (for new code or code which already has tests).
• Filled out test instructions.
• Updated documentation (if it already exists for this component).
• Looked at the Accessibility Practices for this feature - Aria Practices

📝 Test Instructions:

🧢 Your Project:

[yihuiliao]

noticed that the checkbox was showing up on the wrong side when i added it to chromatic

[yihuiliao]

just changed this to match how our files do it

[yihuiliao]

we could either remove this and rely on chromatic or leave this in storybook and remove it from the docs

[rspbot]

Build successful! 🎉

• View the storybook
• View the S2 storybook
• View the documentation
• View the S2 docs

[yihuiliao]

gonna add some stuff from the audit to this PR as well

[yihuiliao]

it seems like we were excluding these but maybe they weren't picked up on the tsdiff? anyway, i decided to remove them and just add them directly to the Omit

[rspbot]

Build successful! 🎉

• View the storybook
• View the S2 storybook
• View the documentation
• View the S2 docs

[rspbot]

## API Changes

@react-spectrum/s2

/@react-spectrum/s2:SelectBox

 SelectBox {
   UNSAFE_className?: UnsafeClassName
   UNSAFE_style?: CSSProperties
-  children?: ReactNode
+  children: ReactNode
   isDisabled?: boolean
   styles?: StylesProp
   value: string
 }

/@react-spectrum/s2:SelectBoxGroup

-SelectBoxGroup <T> {
+SelectBoxGroup <T extends {}> {
   UNSAFE_className?: UnsafeClassName
   UNSAFE_style?: CSSProperties
   aria-describedby?: string
   aria-details?: string
   aria-label?: string
   aria-labelledby?: string
   autoFocus?: boolean | FocusStrategy
   children: ReactNode
-  className?: ClassNameOrFunction<ListBoxRenderProps>
   defaultSelectedKeys?: 'all' | Iterable<Key>
-  dependencies?: ReadonlyArray<any>
   disabledKeys?: Iterable<Key>
   disallowEmptySelection?: boolean
-  dragAndDropHooks?: DragAndDropHooks<NoInfer<T>>
   escapeKeyBehavior?: 'clearSelection' | 'none' = 'clearSelection'
   id?: string
   isDisabled?: boolean
   items?: Iterable<T>
-  layout?: 'stack' | 'grid' = 'stack'
-  onAction?: (Key) => void
   onBlur?: (FocusEvent<Target>) => void
   onFocus?: (FocusEvent<Target>) => void
   onFocusChange?: (boolean) => void
   onSelectionChange?: (Selection) => void
   orientation?: Orientation = 'vertical'
-  renderEmptyState?: (ListBoxRenderProps) => ReactNode
   selectedKeys?: 'all' | Iterable<Key>
-  selectionBehavior?: SelectionBehavior = "toggle"
   selectionMode?: 'single' | 'multiple' = 'single'
-  shouldFocusOnHover?: boolean
   shouldFocusWrap?: boolean
   shouldSelectOnPressUp?: boolean
   slot?: string | null
-  style?: StyleOrFunction<ListBoxRenderProps>
   styles?: StylesProp
 }

/@react-spectrum/s2:SelectBoxProps

 SelectBoxProps {
   UNSAFE_className?: UnsafeClassName
   UNSAFE_style?: CSSProperties
-  children?: ReactNode
+  children: ReactNode
   isDisabled?: boolean
   styles?: StylesProp
   value: string
 }

/@react-spectrum/s2:SelectBoxGroupProps

 SelectBoxGroupProps <T> {
   UNSAFE_className?: UnsafeClassName
   UNSAFE_style?: CSSProperties
   aria-describedby?: string
   aria-details?: string
   aria-label?: string
   aria-labelledby?: string
   autoFocus?: boolean | FocusStrategy
   children: ReactNode
-  className?: ClassNameOrFunction<ListBoxRenderProps>
   defaultSelectedKeys?: 'all' | Iterable<Key>
-  dependencies?: ReadonlyArray<any>
   disabledKeys?: Iterable<Key>
   disallowEmptySelection?: boolean
-  dragAndDropHooks?: DragAndDropHooks<NoInfer<T>>
   escapeKeyBehavior?: 'clearSelection' | 'none' = 'clearSelection'
   id?: string
   isDisabled?: boolean
   items?: Iterable<T>
-  layout?: 'stack' | 'grid' = 'stack'
-  onAction?: (Key) => void
   onBlur?: (FocusEvent<Target>) => void
   onFocus?: (FocusEvent<Target>) => void
   onFocusChange?: (boolean) => void
   onSelectionChange?: (Selection) => void
   orientation?: Orientation = 'vertical'
-  renderEmptyState?: (ListBoxRenderProps) => ReactNode
   selectedKeys?: 'all' | Iterable<Key>
-  selectionBehavior?: SelectionBehavior = "toggle"
   selectionMode?: 'single' | 'multiple' = 'single'
-  shouldFocusOnHover?: boolean
   shouldFocusWrap?: boolean
   shouldSelectOnPressUp?: boolean
   slot?: string | null
-  style?: StyleOrFunction<ListBoxRenderProps>
   styles?: StylesProp
 }

---