\n\u003C/UTooltip>\n```\n\n\u003Cimg width=\"127\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/5dbcfef5-a4c4-4ec4-b2f3-611212f75c68\" />\n\n### Additional context\n\nWrapping `USwitch` to `div` for example solves issue\n```vue\n \u003CUTooltip text=\"Just a tooltip\">\n \u003Cdiv>\n \u003CUSwitch label=\"'Hackish'\" />\n \u003C/div>\n \u003C/UTooltip>\n```\n\n### Logs\n\n```shell-script\n\n```",[2975,2976,2979],{"name":2907,"color":2908},{"name":2977,"color":2978},"duplicate","cfd3d7",{"name":2910,"color":2911},4333,"USwitch not working inside UTooltip","2025-06-12T13:42:09Z","https://github.com/nuxt/ui/issues/4333",0.6545835,{"description":2986,"labels":2987,"number":2991,"owner":2916,"repository":2917,"state":2967,"title":2992,"updated_at":2993,"url":2994,"score":2995},"### Environment\n\n------------------------------\n- Operating System: Linux\n- Node Version: v22.16.0\n- Nuxt Version: 3.16.2\n- CLI Version: 3.25.0\n- Nitro Version: 2.11.9\n- Package Manager: pnpm@10.12.1\n- Builder: -\n- User Config: compatibilityDate, devtools, devServer, ssr, runtimeConfig, hooks, css, colorMode, components, modules, ui, i18n, zodI18n\n- Runtime Modules: @nuxt/eslint@1.3.0, @nuxt/test-utils@3.17.2, @nuxt/ui-pro@3.1.3, nuxt-zod-i18n@1.11.5, @nuxtjs/i18n@9.5.3, @pinia/nuxt@0.11.0, @vueuse/nuxt@13.1.0, dayjs-nuxt@2.1.11, nuxt-qrcode@0.4.1\n- Build Modules: -\n------------------------------\n\n👉 Report an issue: https://github.com/nuxt/nuxt/issues/new?template=bug-report.yml\n👉 Suggest an improvement: https://github.com/nuxt/nuxt/discussions/new\n👉 Read documentation: https://nuxt.com\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.3\n\n### Reproduction\n\nTry a combination of USwitch and UTooltip like this:\n\n```\n \u003Cu-tooltip\n :disabled=\"isPhoneNumberSet\"\n :delay-duration=\"250\"\n :ui=\"{ content: 'bg-warning' }\"\n >\n \u003Cu-switch\n :model-value=\"notifications.smsWarnings\"\n :disabled=\"!isPhoneNumberSet\"\n :loading=\"isLoadingSmsWarnings\"\n color=\"secondary\"\n @update:model-value=\"$emit('update:sms-warnings', $event)\"\n />\n\n \u003Ctemplate #content>Add a phone number first\u003C/template>\n \u003C/u-tooltip>\n```\n\n### Description\n\nThe switch on its own works perfectly. But if I wrap it inside of a tooltip, it loses its background color.\n\nIn the provided screenshot you can barely see the switch thumb, but not the background.\n\nI think the problem is somewhere in the base slot but was unable to come up with a reliable solution.\n\n### Additional context\n\n\n\n### Logs\n\n```shell-script\n\n```",[2988,2989,2990],{"name":2907,"color":2908},{"name":2977,"color":2978},{"name":2910,"color":2911},4342,"Switch becomes invisible when wrapped inside a tooltip","2025-06-16T08:22:11Z","https://github.com/nuxt/ui/issues/4342",0.65860134,{"description":2997,"labels":2998,"number":3005,"owner":2916,"repository":2917,"state":2967,"title":3006,"updated_at":3007,"url":3008,"score":3009},"### Environment\n\nOperating System: `Darwin`\nNode Version: `v22.1.0`\nNuxt Version: `3.16.2`\nCLI Version: `3.24.0`\nNitro Version: `2.11.8`\nPackage Manager: `yarn@4.7.0`\nBuilder: `-`\nUser Config: `ssr: false`\nBuild Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.16.2\n\n### Reproduction\n\n-\n\n### Description\n\n**App.vue**\n```\n\u003Ctemplate>\n \u003CUApp :toaster=\"{ position: 'top-right', expand: true }\"\n :tooltip=\"{ delayDuration: 150, skipDelayDuration: 100 }\">\n \u003CNuxtLayout>\n \u003CRouterView />\n \u003C/NuxtLayout>\n \u003C/UApp>\n\u003C/template>\n\u003Cscript setup lang=\"ts\">\nimport {TooltipProviderProps} from \"reka-ui\";\n\nconst tooltipProps : TooltipProviderProps = {\n delayDuration: 700,\n skipDelayDuration: 300,\n disableHoverableContent: false,\n disableClosingTrigger: false,\n disabled: false,\n ignoreNonKeyboardFocus: false,\n}\n\u003C/script>\n```\n**nuxt.config.ts**\n```\n// https://nuxt.com/docs/api/configuration/nuxt-config\nexport default defineNuxtConfig({\n compatibilityDate: '2024-11-01',\n ssr: false,\n srcDir: 'src',\n devtools: { enabled: true },\n modules: [\n '@nuxt/ui',\n '@pinia/nuxt',\n '@nuxt/image',\n 'nuxt-icons',\n '@nuxtjs/i18n',\n ],\n css: ['~/assets/css/main.css']\n})\n```\nI found that when Nuxt3 SSR is set to false, the tooltip and toast do not display, and the tooltip also reports an error of 500\n\nInjection `Symbol(TooltipProviderContext)` not found. Component must be used within `TooltipProvider`\n\nI hope to find a solution.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2999,3000,3003,3004],{"name":2907,"color":2908},{"name":3001,"color":3002},"needs reproduction","CB47CF",{"name":2910,"color":2911},{"name":2913,"color":2914},3932,"Nuxt3 SSR is set to false, the tooltip and toast become invalid","2025-04-30T13:24:47Z","https://github.com/nuxt/ui/issues/3932",0.6951421,{"description":3011,"labels":3012,"number":3016,"owner":2916,"repository":2917,"state":2967,"title":3017,"updated_at":3018,"url":3019,"score":3020},"### 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```",[3013,3014,3015],{"name":2907,"color":2908},{"name":2910,"color":2911},{"name":2913,"color":2914},3977,"Extend colors not work after update to v3.1","2025-04-28T10:40:09Z","https://github.com/nuxt/ui/issues/3977",0.69925725,{"description":3022,"labels":3023,"number":3026,"owner":2916,"repository":2917,"state":2967,"title":3027,"updated_at":3028,"url":3029,"score":3030},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.16.0\n- Nuxt Version: 3.17.5\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.12\n- Package Manager: bun@1.2.13\n- Builder: -\n- User Config: devtools, css, modules, runtimeConfig, compatibilityDate, i18n, auth, sourcemap\n- Runtime Modules: @nuxt/ui@3.1.3, @sidebase/nuxt-auth@0.10.1, @nuxtjs/i18n@9.5.5, @nuxt/image@1.10.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.1.3\n\n### Reproduction\n\nNuxt UI 3: https://codesandbox.io/p/devbox/winter-cherry-2pwhgv\nNuxt UI 2: https://stackblitz.com/edit/nuxt-ui-w6xry7tp?file=app.vue\n\n### Description\n\nI'm migrating my app from Nuxt UI 2 to 3. This is a regression in the Nuxt UI 3 version.\n\nIf this isn't possible, can we have a tooltip or something?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3024,3025],{"name":2907,"color":2908},{"name":2910,"color":2911},4300,"Select should expand to item's full width or at least allow showing it","2025-06-11T09:09:13Z","https://github.com/nuxt/ui/issues/4300",0.70223314,["Reactive",3032],{},["Set"],["ShallowReactive",3035],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fSNAHL7Irr8JYt3v8QifS2s7kXol1W5PlJc8UykJTJaE":-1},"/nuxt/ui/4328"]