[BUG] - NOT ALL COMPONENTS ARE INHERIT THE MAIN THEME

[yahiaBSK]

HeroUI Version

2.6.12

Describe the bug

• When i change the theme from the main wrapper ClassName (i'm using tailwindCSS + nextUI), every comopnent change their theme fine without issues. But not all nextUI components, Where's that certain components are not inherit that theme anymore and they stuck on the "Default theme" anyway.
• In my case i've faced this issue in these components: Autocomplete, Modal, Dropdown, Navbar (Only NavbarMenu).
• and this is the main Wrapper code of those components:

`createRoot(document.getElementById("root")).render(
  <StrictMode>
    <BrowserRouter>
      <QueryClientProvider client={new QueryClient()}>
        <NextUIProvider className="light text-foreground bg-background">
          <LayoutWrapper />
        </NextUIProvider>
      </QueryClientProvider>
    </BrowserRouter>
  </StrictMode>
);`

• In the image bellow an exemple of the issue in Autocomplete component.

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

Add one or more components from the these ones ( Autocomplete, Modal, Dropdown, Navbar (Only NavbarMenu) ), and give the main Wrapper of them a Classname="light text-foreground bg-background", and you'll see that they're taking the default theme as theires anyway.

Expected behavior

As a user, i expected from the components to get the same theme of their wrapper component.

Screenshots or Videos

Operating System Version

• OS: Windows 11

Browser

Chrome

[linear]

ENG-1896 [BUG] - NOT ALL COMPONENTS ARE INHERIT THE MAIN THEME