\n```\n\n\n### Description\n\nWhen using `UInputMenu`, each item can be assigned a custom class. However, after filtering, the class assignment seems to mismatch. For example, the \"Green\" item may be displayed in red color.\n\n### Additional context\n\n- Initial state (before filtering): \n\u003Cimg width=\"328\" height=\"243\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/f556d5b4-554e-4328-98f1-e3bb037504bf\" />\n\n- After filtering with \"r\": \n\u003Cimg width=\"338\" height=\"206\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/bbed6c9b-2eae-4c55-9d68-2991f64c26ca\" />\n\nIn the filtered state, the \"Green\" item is incorrectly displayed in red.\n\n### Logs\n\n```shell-script\n\n```",[3169,3170,3171],{"name":3140,"color":3141},{"name":3158,"color":3159},{"name":3143,"color":3144},4752,"UInputMenu item class mismatch after filtering","2025-08-15T01:57:20Z","https://github.com/nuxt/ui/issues/4752",0.6578681,{"description":3178,"labels":3179,"number":3183,"owner":3146,"repository":3147,"state":3148,"title":3184,"updated_at":3185,"url":3186,"score":3187},"### Environment\n\n- Operating System: `Linux`\n- Node Version: `v20.19.4`\n- Nuxt Version: `-`\n- CLI Version: `3.28.0`\n- Nitro Version: `-`\n- Package Manager: `bun@1.2.19`\n- Builder: `-`\n- User Config: `-`\n- Runtime Modules: `-`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.3.0\n\n### Reproduction\n\n```ts\nexport default defineAppConfig({\n ui: {\n inputNumber: {\n defaultVariants: {\n color: 'neutral',\n },\n },\n },\n})\n```\n\n### Description\n\nChanging the default variant color of InputNumber doesn’t work.\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3180,3181,3182],{"name":3140,"color":3141},{"name":3158,"color":3159},{"name":3143,"color":3144},4722,"InputNumber: Changing defaultVariants not working","2025-08-12T16:24:09Z","https://github.com/nuxt/ui/issues/4722",0.68048924,{"description":3189,"labels":3190,"number":3193,"owner":3146,"repository":3147,"state":3148,"title":3194,"updated_at":3195,"url":3196,"score":3197},"### Environment\n\n- Operating System: Darwin\n- Node Version: v24.7.0\n- Nuxt Version: 3.18.1\n- CLI Version: 3.28.0\n- Nitro Version: 2.12.5\n- Package Manager: npm@11.5.1\n- Builder: -\n- User Config: devtools, typescript, css, compatibilityDate, devServer, vite, runtimeConfig, app, ui, scripts, piniaPluginPersistedstate, modules, sentry, sourcemap\n- Runtime Modules: @nuxt/ui@3.3.3, @pinia/nuxt@0.11.2, pinia-plugin-persistedstate/nuxt@4.5.0, @sentry/nuxt/module@10.9.0, @nuxt/scripts@0.11.13, @nuxt/eslint@1.9.0, nuxt-charts@0.2.3\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Package\n\nv3.x\n\n### Version\n\nv3.3.3\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/nuxt-ui-select-reproducible-forked-y5yf24?workspaceId=ws_66GCezx3N94KbEtkfR1vKb\n\nIn my reproducible I use Nuxt V4 but it's the same behavior in V3.\n\n### Description\n\nIn the doc it's marked the InputTags is supposed to emit a blur, but it's never emitted.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3191,3192],{"name":3140,"color":3141},{"name":3143,"color":3144},4889,"InputTags doesn't emit blur","2025-09-04T08:50:06Z","https://github.com/nuxt/ui/issues/4889",0.6823838,{"description":3199,"labels":3200,"number":3207,"owner":3146,"repository":3146,"state":3208,"title":3209,"updated_at":3210,"url":3211,"score":3212},"### Environment\n\n- Operating System: Linux\n- Node Version: v18.20.3\n- Nuxt Version: 3.16.0\n- CLI Version: 3.22.5\n- Nitro Version: 2.11.5\n- Package Manager: npm@10.2.3\n- Builder: -\n- User Config: app, compatibilityDate, devtools\n- Runtime Modules: -\n- Build Modules: -\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-ysdlhu4q?file=nuxt.config.ts\n\n### Describe the bug\n\nClasses of root element are being split into individual characters and joined by spaces.\n\nExample:\n```ts\n// nuxt.config.ts\napp: {\n rootAttrs: { class: 'flex flex-col' }\n}\n```\nWill result in:\n```html\n\u003Cdiv id=\"__nuxt\" class=\"f l e x f l e x - c o l\">\u003C/div>\n```\n\nTo reproduce add any classes to the root element in `nuxt.config.ts` with `app.rootAttrs.class` as shown in the reproduction link.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3201,3204],{"name":3202,"color":3203},"pending triage","E99695",{"name":3205,"color":3206},"possible regression","B90A42",31283,"closed","CSS classes of root node are split into individual characters then joined by spaces","2025-03-11T06:34:24Z","https://github.com/nuxt/nuxt/issues/31283",0.66059667,{"description":3214,"labels":3215,"number":3222,"owner":3146,"repository":3147,"state":3208,"title":3223,"updated_at":3224,"url":3225,"score":3226},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.13.1\n- Nuxt Version: 3.16.1\n- CLI Version: 3.23.1\n- Nitro Version: 2.11.8\n- Package Manager: yarn@4.8.1\n- Builder: -\n- User Config: compatibilityDate, imports, components, devtools, modules, css, fonts, ui\n- Runtime Modules: @nuxt/eslint@1.2.0, @nuxt/fonts@0.11.0, @nuxt/image@1.10.0, @nuxt/test-utils@3.17.2, @nuxt/ui@3.0.2\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.2\n\n### Reproduction\n\nhttps://github.com/nuxt/ui/blob/v3/src/theme/button.ts\n\n### Description\n\nI want to customize a button variant by `size`, `trailing` and `square` params. It works, but the types are broken.\n\nThe line in the `compoundVariants`:\n`{ size: 'md', trailing: true, square: false, class: { trailingIcon: '-mr-1' } }`\n\nErrors:\n`Type '{ trailingIcon: string; }' is not assignable to type 'string'`\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3216,3217,3218,3219],{"name":3140,"color":3141},{"name":3158,"color":3159},{"name":3143,"color":3144},{"name":3220,"color":3221},"stale","ededed",3738,"Incorrect compound button variants types","2025-08-12T11:07:19Z","https://github.com/nuxt/ui/issues/3738",0.6656991,{"description":3228,"labels":3229,"number":3236,"owner":3146,"repository":3147,"state":3208,"title":3237,"updated_at":3238,"url":3239,"score":3240},"### Description\n\nHi,\r\n\r\nI have a customized Nuxt UI setup, with multiple variants and colors for the UInput elements set in the app.config. Currently if the input is in error state inside a FormGroup, it will override the input classes only with the base classes, and it will not use my classes for the given variant.\r\n\r\n`input: {\r\n base: 'dark:focus:ring-1 ring-1 dark:focus:bg-white dark:focus:text-hollow font-bold dark:focus:placeholder-black/30',\r\n placeholder: \"dark:placeholder-white/30\",\r\n size: {\r\n xs: 'text-xs',\r\n sm: 'text-[13px]',\r\n xl: 'text-[13px]'\r\n },\r\n padding: {\r\n xs: 'px-4 py-0 h-8',\r\n sm: 'px-4 py-0 h-12',\r\n xl: 'h-14 px-4 py-0'\r\n },\r\n color: {\r\n white: {\r\n outline: 'dark:bg-primaryBg dark:placeholder-white/10',\r\n solid: \"dark:bg-hollow dark:placeholder-white/30\",\r\n soft: 'dark:bg-white/10 dark:placeholder-white/10',\r\n },\r\n primary: {\r\n solid: \"dark:text-peach-500 dark:placeholder-peach-500/40 dark:bg-hollow dark:ring-0 font-bold\"\r\n },\r\n },\r\n rounded: \"rounded-lg\",\r\n default: {\r\n variant: 'solid'\r\n }\r\n }`\r\n\r\n\n\n### Additional context\n\n_No response_",[3230,3233,3235],{"name":3231,"color":3232},"enhancement","a2eeef",{"name":3234,"color":3221},"closed-by-bot",{"name":3220,"color":3221},1593,"UInput error state style override","2025-06-19T02:12:46Z","https://github.com/nuxt/ui/issues/1593",0.6686164,{"labels":3242,"number":3248,"owner":3146,"repository":3146,"state":3208,"title":3249,"updated_at":3250,"url":3251,"score":3252},[3243,3244,3245],{"name":3220,"color":3144},{"name":3202,"color":3203},{"name":3246,"color":3247},"2.x","d4c5f9",9973,"Minor bug: CSS with pseudo class with params when staticly generated is different from development","2023-01-22T15:45:05Z","https://github.com/nuxt/nuxt/issues/9973",0.6707245,{"description":3254,"labels":3255,"number":3259,"owner":3146,"repository":3147,"state":3208,"title":3260,"updated_at":3261,"url":3262,"score":3263},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.11.0\n- Nuxt Version: 3.16.2\n- CLI Version: 3.25.0\n- Nitro Version: 2.11.9\n- Package Manager: npm@10.9.0\n- Builder: -\n- User Config: devtools, modules, runtimeConfig, app, css, ui, icon, i18n, future, compatibilityDate\n- Runtime Modules: @nuxt/ui@3.1.0, @nuxt/eslint@1.3.0, @nuxtjs/device@3.2.4, @nuxtjs/i18n@9.5.3, @pinia/nuxt@0.11.0, @vueuse/nuxt@13.1.0, 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.1.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/vigorous-cerf-pnrc3g\n\n// app.config.ts\nexport default defineAppConfig({\n ui: {\n colors: {\n primary: 'emerald',\n neutral: 'zinc',\n red: 'red',\n orange: 'orange',\n yellow: 'yellow',\n green: 'green',\n blue: 'blue',\n purple: 'purple',\n gray: 'gray',\n },\n }\n}\n\n// nuxt.config.ts\n\nui: {\n theme: {\n colors: [ 'primary', 'secondary', 'success', 'info', 'warning', 'error', 'red', 'orange', 'yellow', 'green', 'blue', 'purple', 'gray' ],\n },\n },\n\n### Description\n\nYesterday everything was working fine, no code was changed, after the upgrade it broke.\nFor example:\n```html\n\u003Cdiv class=\"bg-(--ui-orange)\">\n```\nOr\n```html\n\u003Cdiv class=\"bg-orange\">\n```\nBoth not work\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3256,3257,3258],{"name":3140,"color":3141},{"name":3158,"color":3159},{"name":3143,"color":3144},3977,"Extend colors not work after update to v3.1","2025-04-28T10:40:09Z","https://github.com/nuxt/ui/issues/3977",0.6709994,["Reactive",3265],{},["Set"],["ShallowReactive",3268],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fZZ_e1Pfw0_8s7msy8gikssQcUOVwPYCvrwWR9kzUUm0":-1},"/nuxt/ui/4530"]