[BUG] - cannot make it open when using extendsVariant with Select

[HitEagle]

NextUI Version

2.2.10

Describe the bug

whenenver customize variant with select, like below doc, then I cannot open the listbox whenenver I click/hover the new select.
the doc:

import {extendVariants, Select} from "@nextui-org/react";

const MyInput = extendVariants(Select, {
  // whether edit or new variant not make sense, both result in the same bug
  defaultVaraiants: {
    variant: "flat",
    color: "default",
    size: "md",
    labelPlacement: "inside",
    fullWidth: "true",
    isDisabled: "false",
    isMultiline:  "false",
    disableAnimation: "false",
    disableSelectorIconRotation: "false",
 }
})
//then if I use 'MyInput', the default open behaviour will not take effect, also onOpenChange cannot be triggered

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

1. use the code above
2. import 'MyInput.tsx' to any app.tsx

Expected behavior

I expected to see the onOpen behaviour show as default behaviour of select button

Screenshots or Videos

No response

Operating System Version

Windows 11/10

Browser

Chrome

[linear]

ENG-633 [BUG] - cannot make it open when using extendsVariant with Select

[HitEagle]

also , I am wondering, what if I want to customize the listItem slot in MyInput, seems there's no slot in Select, only listboxWrapper and listbox slot, but not listboxItem slot