\n```\n\n### Will results something like this\n```html\n\u003Cdiv class=\"... root-test base-test\">\n ...\n \u003Cinput class=\"...\" />\n\u003C/div>\n```\n\n### Description\n\nWhen applying themes in `app.config.ts`, both **UInputTags** and **UInputMenu (multiple)** share the same weird behaviour compared with other components, where the class applied to `base` part of the component are applied to `root` part of the component.\n\n### Expected Behaviour\nThe applied class on `base` should be applied to the `\u003Cinput />`, not the `root` part of the component which is the outer `\u003Cdiv />` just like other input components such as **UInput**, **UInputNumber**, or **UTextarea**.\n\nCorrect me if I'm wrong if this are intended, thank you!\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3038,3039,3040],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},4530,"[UInputTags, UInputMenu] Theming behaviour issues","2025-07-15T17:50:02Z","https://github.com/nuxt/ui/issues/4530",0.71880394,{"labels":3047,"number":3048,"owner":3028,"repository":3028,"state":3049,"title":3050,"updated_at":3051,"url":3052,"score":3053},[],12073,"closed","docs: explain component name resolution","2023-01-19T15:54:17Z","https://github.com/nuxt/nuxt/issues/12073",0.6949186,{"labels":3055,"number":3056,"owner":3028,"repository":3028,"state":3049,"title":3050,"updated_at":3057,"url":3058,"score":3053},[],12166,"2023-01-19T15:59:15Z","https://github.com/nuxt/nuxt/issues/12166",{"labels":3060,"number":3061,"owner":3028,"repository":3028,"state":3049,"title":3050,"updated_at":3062,"url":3063,"score":3053},[],12235,"2023-01-19T16:00:22Z","https://github.com/nuxt/nuxt/issues/12235",{"labels":3065,"number":3066,"owner":3028,"repository":3028,"state":3049,"title":3050,"updated_at":3067,"url":3068,"score":3053},[],12304,"2023-01-19T16:02:56Z","https://github.com/nuxt/nuxt/issues/12304",{"labels":3070,"number":3077,"owner":3028,"repository":3028,"state":3049,"title":3050,"updated_at":3078,"url":3079,"score":3080},[3071,3074],{"name":3072,"color":3073},"documentation","5319e7",{"name":3075,"color":3076},"3.x","29bc7f",11968,"2023-01-19T16:03:39Z","https://github.com/nuxt/nuxt/issues/11968",0.70261985,{"description":3082,"labels":3083,"number":3086,"owner":3028,"repository":3029,"state":3049,"title":3087,"updated_at":3088,"url":3089,"score":3090},"### Environment\n\n- node:V18.19.1\n- pnpm: V8.15.5\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.15.1\n\n### Reproduction\n\nhttps://github.com/Jevin0/nuxt-ui-no-style-demo/blob/master/app.vue\n\n### Description\n\n\n### step\n1. `pnpm dlx nuxi@latest init \u003Cproject-name>`\n2. `npx nuxi@latest module add ui`\n3. `pnpm install`\n4. `pnpm dev`\n\n### concern\nNormal use of `UButton` component, but no background color and Color\n\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3084,3085],{"name":3019,"color":3020},{"name":3022,"color":3023},3047,"No style","2025-02-24T22:33:59Z","https://github.com/nuxt/ui/issues/3047",0.7041435,{"description":3092,"labels":3093,"number":3097,"owner":3028,"repository":3029,"state":3049,"title":3098,"updated_at":3099,"url":3100,"score":3101},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.17.0`\n- Nuxt Version: `3.17.6`\n- CLI Version: `3.25.1`\n- Nitro Version: `2.11.13`\n- Package Manager: `pnpm@9.5.0`\n- Builder: `-`\n- User Config: `app`, `compatibilityDate`, `css`, `dayjs`, `devtools`, `fonts`, `icon`, `modules`, `pinia`, `ui`\n- Runtime Modules: `@nuxt/eslint@1.5.2`, `@nuxt/fonts@0.11.4`, `@nuxt/icon@1.15.0`, `@nuxt/scripts@0.11.9`, `@nuxt/image@1.10.0`, `@nuxt/ui@3.2.0`, `@formkit/auto-animate/nuxt@0.8.2`, `@pinia/nuxt@0.11.1`, `dayjs-nuxt@2.1.11`, `nuxt-lodash@2.5.3`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.2.0\n\n### Reproduction\n\n```\n\u003Ctemplate>\n \u003CURadioGroup\n color=\"primary\"\n variant=\"card\"\n orientation=\"horizontal\"\n indicator=\"hidden\"\n :items=\"items\">\n \u003Ctemplate #label=\"{ item }\">\n \u003Ch4>{{ item.label }}\u003C/h4>\n \u003C/template>\n \u003C/URadioGroup>\n\u003C/template>\n\u003Cscript lang=\"ts\" setup>\nimport type { RadioGroupItem } from '@nuxt/ui'\nconst items = ref\u003CRadioGroupItem[]>([\n {\n label: 'Telegram',\n value: 'Telegram',\n description: 'Telegram',\n },\n {\n label: 'Whatsapp',\n value: 'Whatsapp',\n description: 'Whatsapp',\n },\n {\n label: 'Instagram',\n value: 'Instagram',\n description: 'Instagram',\n },\n {\n label: 'Facebook',\n value: 'Facebook',\n description: 'Facebook',\n },\n])\n\u003C/script>\n\n```\n\n### Description\n\nThere is a type issue on the `item` props of the `label` slots, when i try to accessing `item.label`.\n\nThere error message is:\n```\nProperty 'label' does not exist on type '(AcceptableValue | { [x: string]: any; label?: string | undefined; description?: string | undefined; disabled?: boolean | undefined; value?: AcceptableValue | undefined; class?: any; ui?: { ...; } | undefined; }) & { ...; }'.\n Property 'label' does not exist on type 'string & { id: string; }'.ts-plugin(2339)\n```\n\n\nhere is the screenshot:\n\n\u003Cimg width=\"522\" height=\"115\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/30eefcf5-db2c-43c6-b412-df0d3d677fd2\" />\n\n\u003Cimg width=\"227\" height=\"237\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/87e19582-1664-4f72-825a-4e8c167c6305\" />\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3094,3095,3096],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},4533,"[URadioGroup] Typing Issue on Label Slots","2025-07-16T19:58:07Z","https://github.com/nuxt/ui/issues/4533",0.7086437,{"description":3103,"labels":3104,"number":3108,"owner":3028,"repository":3029,"state":3049,"title":3109,"updated_at":3110,"url":3111,"score":3112},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.18.3\n- Nuxt Version: 3.16.2\n- CLI Version: 3.24.1\n- Nitro Version: 2.11.9\n- Package Manager: bun@1.1.28\n- Builder: -\n- User Config: devtools, modules, css, future, compatibilityDate\n- Runtime Modules: @nuxt/ui@3.0.2, @nuxt/eslint@1.3.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.2\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-s2opq2ko?file=app/pages/index.vue\n\n### Description\n\nGiven this component nesting:\n\n- `UForm`\n - `UModal`\n - `UForm`\n\nThis is rendered as the following html:\n\n- `UForm` -> `form` - ✅\n - `UModal` -> `div` - ✅ (teleported to root)\n - `UForm` -> `div` - ❌ I am expecting `form`.\n\nI couldn't find a mention in the documentation that this is expected behaviour.\n\nTo reproduce:\n1. Run reproduction\n2. Click \"Open modal\" button\n3. Inspect the nested form element. It's a `div`:\n\n\nI am happy to have a crack at a PR, if you're willing to point me in the right direction 😌\n\n\n### Additional context\n\nFor context, this is our use case:\n* User fills out an onboarding form\n* One field in the onboarding form is business details\n* User has option to populate business details via business number (eg. [DUNS](https://www.dnb.com/en-us/smb/duns.html))\n* Business number field open in modal\n* User can enter business number in form in modal\n* User submits form, it populates state in parent form\n\n### Logs\n\n```shell-script\n\n```",[3105,3106,3107],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},3913,"[Form] Nested `UForm` in `UModal` is not rendered as `form`","2025-04-16T08:34:48Z","https://github.com/nuxt/ui/issues/3913",0.7095823,["Reactive",3114],{},["Set"],["ShallowReactive",3117],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f_JXn_uxdxQY-nCgMJjAHCStIG5-F0tge60rjecQxaMg":-1},"/nuxt/ui/4242"]