is used but it is missing a parent \u003CTransitionRoot />.\");return e}function ge(){let e=(0,__vite_ssr_import_0__.inject)(N,null);if(e===null)throw new Error(\"A \u003CTransitionChild /> is used but it is missing a parent \u003CTransitionRoot />.\");return e}let N=Symbol(\"NestingContext\");function L(e){return\"children\"in e?L(e.children):e.value.filter(({state:t})=>t===\"visible\").length>0}function Q(e){let t=(0,__vite_ssr_import_0__.ref)([]),a=(0,__vite_ssr_import_0__.ref)(!1);(0,__vite_ssr_import_0__.onMounted)(()=>a.value=!0),(0,__vite_ssr_import_0__.onUnmounted)(()=>a.value=!1);function s(n,r=__vite_ssr_import_6__.RenderStrategy.Hidden){let l=t.value.findIndex(({id:f})=>f===n);l!==-1&&((0,__vite_ssr_import_5__.match)(r,{[__vite_ssr_import_6__.RenderStrategy.Unmount](){t.value.splice(l,1)},[__vite_ssr_import_6__.RenderStrategy.Hidden](){t.value[l].state=\"hidden\"}}),!L(t)&&a.value&&(e==null||e()))}function h(n){let r=t.value.find(({id:l})=>l===n);return r?r.state!==\"visible\"&&(r.state=\"visible\"):t.value.push({id:n,state:\"visible\"}),()=>s(n,__vite_ssr_import_6__.RenderStrategy.Unmount)}return{children:t,register:h,unregister:s}}let W=__vite_ssr_import_6__.Features.RenderStrategy,he=(0,__vite_ssr_import_0__.defineComponent)({props:{as:{type:[Object,String],default:\"div\"},show:{type:[Boolean],default:null},unmount:{type:[Boolean],default:!0},appear:{type:[Boolean],default:!1},enter:{type:[String],default:\"\"},enterFrom:{type:[String],default:\"\"},enterTo:{type:[String],default:\"\"},entered:{type:[String],default:\"\"},leave:{type:[String],default:\"\"},leaveFrom:{type:[String],default:\"\"},leaveTo:{type:[String],default:\"\"}},emits:{beforeEnter:()=>!0,afterEnter:()=>!0,beforeLeave:()=>!0,afterLeave:()=>!0},setup(e,{emit:t,attrs:a,slots:s,expose:h}){let n=(0,__vite_ssr_import_0__.ref)(0);function r(){n.value|=__vite_ssr_import_2__.State.Opening,t(\"beforeEnter\")}function l(){n.value&=~__vite_ssr_import_2__.State.Opening,t(\"afterEnter\")}function f(){n.value|=__vite_ssr_import_2__.State.Closing,t(\"beforeLeave\")}function S(){n.value&=~__vite_ssr_import_2__.State.Closing,t(\"afterLeave\")}if(!me()&&(0,__vite_ssr_import_2__.hasOpenClosed)())return()=>(0,__vite_ssr_import_0__.h)(Se,{...e,onBeforeEnter:r,onAfterEnter:l,onBeforeLeave:f,onAfterLeave:S},s);let d=(0,__vite_ssr_import_0__.ref)(null),y=(0,__vite_ssr_import_0__.computed)(()=>e.unmount?__vite_ssr_import_6__.RenderStrategy.Unmount:__vite_ssr_import_6__.RenderStrategy.Hidden);h({el:d,$el:d});let{show:v,appear:A}=Te(),{register:D,unregister:H}=ge(),i=(0,__vite_ssr_import_0__.ref)(v.value?\"visible\":\"hidden\"),I={value:!0},c=(0,__vite_ssr_import_1__.useId)(),b={value:!1},P=Q(()=>{!b.value&&i.value!==\"hidden\"&&(i.value=\"hidden\",H(c),S())});(0,__vite_ssr_import_0__.onMounted)(()=>{let o=D(c);(0,__vite_ssr_import_0__.onUnmounted)(o)}),(0,__vite_ssr_import_0__.watchEffect)(()=>{if(y.value===__vite_ssr_import_6__.RenderStrategy.Hidden&&c){if(v.value&&i.value!==\"visible\"){i.value=\"visible\";return}(0,;__vite_ssr_import_5__.match)(i.value,{[\"hidden\"]:()=>H(c),[\"visible\"]:()=>D(c)})}});let j=g(e.enter),M=g(e.enterFrom),X=g(e.enterTo),_=g(e.entered),Y=g(e.leave),Z=g(e.leaveFrom),ee=g(e.leaveTo);(0,__vite_ssr_import_0__.onMounted)(()=>{(0,__vite_ssr_import_0__.watchEffect)(()=>{if(i.value===\"visible\"){let o=(0,__vite_ssr_import_3__.dom)(d);if(o instanceof Comment&&o.data===\"\")throw new Error(\"Did you forget to passthrough the ref to the actual DOM node?\")}})});function te(o){let E=I.value&&!A.value,p=(0,__vite_ssr_import_3__.dom)(d);!p||!(p instanceof HTMLElement)||E||(b.value=!0,v.value&&r(),v.value||f(),o(v.value?(0,__vite_ssr_import_7__.transition)(p,j,M,X,_,V=>{b.value=!1,V===__vite_ssr_import_7__.Reason.Finished&&l()}):(0,__vite_ssr_import_7__.transition)(p,Y,Z,ee,_,V=>{b.value=!1,V===__vite_ssr_import_7__.Reason.Finished&&(L(P)||(i.value=\"hidden\",H(c),S()))})))}return (0,__vite_ssr_import_0__.onMounted)(()=>{(0,__vite_ssr_import_0__.watch)([v],(o,E,p)=>{te(p),I.value=!1},{immediate:!0})}),(0,__vite_ssr_import_0__.provide)(N,P),(0,__vite_ssr_import_2__.useOpenClosedProvider)((0,__vite_ssr_import_0__.computed)(()=>(0,__vite_ssr_import_5__.match)(i.value,{[\"visible\"]:__vite_ssr_import_2__.State.Open,[\"hidden\"]:__vite_ssr_import_2__.State.Closed})|n.value)),()=>{let{appear:o,show:E,enter:p,enterFrom:V,enterTo:Ce,entered:ye,leave:be,leaveFrom:Ee,leaveTo:Ve,...U}=e,ne={ref:d},re={...U,...A.value&&v.value&&__vite_ssr_import_4__.env.isServer?{class:(0,__vite_ssr_import_0__.normalizeClass)([a.class,U.class,...j,...M])}:{}};return (0,__vite_ssr_import_6__.render)({theirProps:re,ourProps:ne,slot:{},slots:s,attrs:a,features:W,visible:i.value===\"visible\",name:\"TransitionChild\"})}}}),ce=he,Se=(0,__vite_ssr_import_0__.defineComponent)({inheritAttrs:!1,props:{as:{type:[Object,String],default:\"div\"},show:{type:[Boolean],default:null},unmount:{type:[Boolean],default:!0},appear:{type:[Boolean],default:!1},enter:{type:[String],default:\"\"},enterFrom:{type:[String],default:\"\"},enterTo:{type:[String],default:\"\"},entered:{type:[String],default:\"\"},leave:{type:[String],default:\"\"},leaveFrom:{type:[String],default:\"\"},leaveTo:{type:[String],default:\"\"}},emits:{beforeEnter:()=>!0,afterEnter:()=>!0,beforeLeave:()=>!0,afterLeave:()=>!0},setup(e,{emit:t,attrs:a,slots:s}){let h=(0,__vite_ssr_import_2__.useOpenClosed)(),n=(0,__vite_ssr_import_0__.computed)(()=>e.show===null&&h!==null?(h.value&__vite_ssr_import_2__.State.Open)===__vite_ssr_import_2__.State.Open:e.show);(0,__vite_ssr_import_0__.watchEffect)(()=>{if(![!0,!1].includes(n.value))throw new Error('A \u003CTransition /> is used but it is missing a :show=\"true | false\" prop.')});let r=(0,__vite_ssr_import_0__.ref)(n.value?\"visible\":\"hidden\"),l=Q(()=>{r.value=\"hidden\"}),f=(0,__vite_ssr_import_0__.ref)(!0),S={show:n,appear:(0,__vite_ssr_import_0__.computed)(()=>e.appear||!f.value)};return (0,__vite_ssr_import_0__.onMounted)(()=>{(0,__vite_ssr_import_0__.watchEffect)(()=>{f.value=!1,n.value?r.value=\"visible\":L(l)||(r.value=\"hidden\")})}),(0,__vite_ssr_import_0__.provide)(N,l),(0,__vite_ssr_import_0__.provide)(R,S),()=>{let d=(0,__vite_ssr_import_6__.omit)(e,[\"show\",\"appear\",\"unmount\",\"onBeforeEnter\",\"onBeforeLeave\",\"onAfterEnter\",\"onAfterLeave\"]),y={unmount:e.unmount};return (0,__vite_ssr_import_6__.render)({ourProps:{...y,as:\"template\"},theirProps:{},slot:{},slots:{...s,default:()=>[(0,__vite_ssr_import_0__.h)(ce,{onBeforeEnter:()=>t(\"beforeEnter\"),onAfterEnter:()=>t(\"afterEnter\"),onBeforeLeave:()=>t(\"beforeLeave\"),onAfterLeave:()=>t(\"afterLeave\"),...a,...y,...d},s.default)]},attrs:{},features:W,visible:r.value===\"visible\",name:\"Transition\"})}}});\n\n\n SyntaxError: Unexpected token ';'\n at new Script (node:vm:116:7)\n at createScript (node:vm:268:10)\n at Object.runInThisContext (node:vm:316:10)\n at ViteNodeRunner.runModule (/D:/Dev/maideo/maideo-maid/node_modules/vite-node/dist/client.mjs:398:19)\n at ViteNodeRunner.directRequest (/D:/Dev/maideo/maideo-maid/node_modules/vite-node/dist/client.mjs:381:16) \n at process.processTicksAndRejections (node:internal/process/task_queues:95:5)\n at async ViteNodeRunner.cachedRequest (/D:/Dev/maideo/maideo-maid/node_modules/vite-node/dist/client.mjs:206:14) \n at async ViteNodeRunner.dependencyRequest (/D:/Dev/maideo/maideo-maid/node_modules/vite-node/dist/client.mjs:259:12)\n at async node_modules\\@headlessui\\vue\\dist\\headlessui.esm.js:23:32\n at async ViteNodeRunner.runModule (/D:/Dev/maideo/maideo-maid/node_modules/vite-node/dist/client.mjs:399:5) \n\n### Logs\n\n```shell-script\n\n```",[2017,2018],{"name":1985,"color":1986},{"name":2019,"color":2020},"duplicate","cfd3d7",2972,"Syntax error in the Headless UI Vue component code","2024-12-25T10:39:30Z","https://github.com/nuxt/ui/issues/2972",0.71350104,{"description":2027,"labels":2028,"number":2033,"owner":1994,"repository":1995,"state":1996,"title":2034,"updated_at":2035,"url":2036,"score":2037},"### For what version of Nuxt UI are you asking this question?\n\nv3.0.0-alpha.x\n\n### Description\n\nHello,\n\nHow to access [Neutral Palette](https://ui3.nuxt.dev/getting-started/theme#neutral-palette) classes ? (text-ui-dimmed, bg-ui-accented ...)\nTailwind CSS IntelliSense doesn't offer them, are they generated by default?\nIf not, What is the easiest way to do this?\n\nThanks in advance",[2029,2032],{"name":2030,"color":2031},"question","d876e3",{"name":1988,"color":1989},2843,"Neutral Palette classes","2024-12-09T11:12:10Z","https://github.com/nuxt/ui/issues/2843",0.7152691,{"description":2039,"labels":2040,"number":2042,"owner":1994,"repository":1995,"state":1996,"title":2043,"updated_at":2044,"url":2045,"score":2046},"### Description\n\nHeya. Is there a way to open a modal, while passing props and keep their reactivity? \r\n```ts\r\nconst localModalValue = ref(false);\r\nconst isLoading = ref(false);\r\n\r\nuseModal().open(MyModal, {\r\n\tmodelValue: localModalValue,\r\n\tisLoading: isLoading\r\n});\r\n```",[2041],{"name":2030,"color":2031},2274,"Reactive props with programmatic modals","2025-03-28T21:04:57Z","https://github.com/nuxt/ui/issues/2274",0.71977097,{"description":2048,"labels":2049,"number":2059,"owner":1994,"repository":1995,"state":1996,"title":2060,"updated_at":2061,"url":2062,"score":2063},"### Environment\n\nNode 22\nNuxt 4\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0 alpha 10\n\n### Reproduction\n\n1. create a modal and a slideover using useModal and useSlideover\n2. create a button **(first button**) that opens the modal with useModal()\n3. create one as well **(second button**) INSIDE! the slideover that opens the same modal with useModal()\n\n### Description\n\nNow open the modal outside the slideover with the **first button**. Thats set an index I suppose.\nBut now if you open the slideover and click the **second button** which opens the same modal, it appears behind the slideover.\n\nBut if you reload the page, open the slideover first and then press the second button without ever pressing the first button to open the modal it appears infront.\n\n### Additional context\n\n\n\n\n\n### Logs\n\n```shell-script\n\n```",[2050,2051,2054,2055,2056],{"name":1985,"color":1986},{"name":2052,"color":2053},"needs reproduction","CB47CF",{"name":1988,"color":1989},{"name":1991,"color":1992},{"name":2057,"color":2058},"closed-by-bot","ededed",3079,"Modal and slideover z-index bug","2025-03-25T02:04:49Z","https://github.com/nuxt/ui/issues/3079",0.72331387,{"description":2065,"labels":2066,"number":2071,"owner":1994,"repository":1995,"state":1996,"title":2072,"updated_at":2073,"url":2074,"score":2075},"### For what version of Nuxt UI are you suggesting this?\n\nv3.0.0-alpha.x\n\n### Description\n\nI find that creating an input password with toggle button to show the text felt so verbose. How about adding a default toggle button when the input has password type since it was a good practice for accessibility?\n\n\n\n### Additional context\n\n```html\n\u003C!-- this is easier and shorter to write -->\n\u003CUInput type=\"password\" />\n\n\u003C!-- if we want to hide, we can let slot do the work, or maybe consider adding a properties to hide it. It's more shorter -->\n\u003CUInput type=\"password\">\n \u003Ctemplate #trailing>\u003C/template>\n\u003C/UInput>\n\n\u003C!-- compared to what we must do now as the documentation say -->\n\u003Ctemplate>\n \u003CUInput\n v-model=\"password\"\n placeholder=\"Password\"\n :type=\"show ? 'text' : 'password'\"\n :ui=\"{ trailing: 'pe-1' }\"\n >\n \u003Ctemplate #trailing>\n \u003CUButton\n color=\"neutral\"\n variant=\"link\"\n size=\"sm\"\n :icon=\"show ? 'i-lucide-eye-off' : 'i-lucide-eye'\"\n aria-label=\"show ? 'Hide password' : 'Show password'\"\n :aria-pressed=\"show\"\n aria-controls=\"password\"\n @click=\"show = !show\"\n />\n \u003C/template>\n \u003C/UInput>\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nconst show = ref(false)\nconst password = ref('password')\n\u003C/script>\n```",[2067,2070],{"name":2068,"color":2069},"enhancement","a2eeef",{"name":1988,"color":1989},2806,"input: add toggle password button automatically for type password","2024-12-02T17:21:42Z","https://github.com/nuxt/ui/issues/2806",0.7325185,{"description":2077,"labels":2078,"number":2081,"owner":1994,"repository":1995,"state":1996,"title":2082,"updated_at":2083,"url":2084,"score":2085},"### For what version of Nuxt UI are you asking this question?\n\nv3-alpha\n\n### Description\n\n### For what version of Nuxt UI are you asking this question?\nv3.0.0-alpha.8\n\n### Component\nNavigationMenu\n\n### Description\n\nI’m trying to use navigation-menu from Nuxt UI v3.0.0-alpha. I’m using the vertical menu for page navigation in the sidebar. \n\nWhen navigating to the /products page, the menu item is highlighted as selected, but after reloading the page, the submenu appears closed. However, if I open it, you can see that it is selected. \n\n Is this an error in alpha.8 or how can I achieve an open submenu state after a page reload if current route matched? Additionally, is it possible to set all submenus to expanded by default?\n\n```\n\u003Cscript lang=\"ts\" setup>\nconst items = ref([\n [\n {\n label: 'Home',\n icon: 'i-lucide-home',\n to: '/',\n },\n {\n label: 'Products',\n icon: 'i-lucide-package-search',\n children: [\n {\n label: 'Products',\n icon: 'i-lucide-package-search',\n to: '/products',\n },\n ],\n },\n ],\n])\n\u003C/script>\n```\n\n```\n\u003Ctemplate>\n \u003Cdiv>\n \u003CUNavigationMenu\n orientation=\"vertical\"\n :items=\"items\"\n class=\"data-[orientation=vertical]:w-full data-[orientation=vertical]:border-l border-[var(--ui-border)]\"\n />\n \u003C/div>\n\u003C/template>\n```",[2079,2080],{"name":2030,"color":2031},{"name":1988,"color":1989},2608,"Open submenu status in vertical NavigationMenu","2024-11-19T15:18:53Z","https://github.com/nuxt/ui/issues/2608",0.7355572,{"description":2087,"labels":2088,"number":2091,"owner":1994,"repository":2092,"state":1996,"title":2093,"updated_at":2094,"url":2095,"score":2096},"Resolves #385 \r\nFixes #412 ",[2089],{"name":1985,"color":2090},"ff281a",412,"nuxt.com","When changing color mode, editor slots are broken","2023-06-06T12:14:51Z","https://github.com/nuxt/nuxt.com/issues/412",0.73865455,{"description":2098,"labels":2099,"number":2091,"owner":1994,"repository":2101,"state":1996,"title":2102,"updated_at":2103,"url":2104,"score":2096},"### Environment\n\n```\n------------------------------\n- Operating System: Darwin\n- Node Version: v23.9.0\n- Nuxt Version: 3.16.0\n- CLI Version: 3.22.5\n- Nitro Version: 2.11.5\n- Package Manager: bun@1.2.4\n- Builder: -\n- User Config: compatibilityDate, css, app, modules, htmlValidator, nitro, postcss, image, prismic, runtimeConfig, site, turnstile, vite\n- Runtime Modules: @nuxt/image@1.9.0, @nuxt/ui@3.0.0-beta.3, @nuxtjs/device@3.2.4, @nuxtjs/html-validator@2.1.0, @nuxtjs/prismic@4.1.0, @nuxtjs/robots@5.2.6, @nuxtjs/turnstile@0.9.12, nitro-cloudflare-dev@0.2.2, nuxt-link-checker@4.1.1, nuxt-seo-experiments@4.0.1\n- Build Modules: -\n------------------------------\n```\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/wizardly-hertz-gyk77v\n\n### Describe the bug\n\nSince the `3.16.0` release, my project doesn't build anymore. I isolated the issue to a component using `Turnstile` which seems to depend on `@nuxt/scripts` which is mentioned in the error logs.\n\nThe reproduction is very small, just a Turnstile component without configuration.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\nERROR ✗ Build failed in 1.79s 5:04:16 PM\n\n\n[ nuxi 5:04:16 PM] ERROR Nuxt Build Error: [vite]: Rollup failed to resolve import \"unenv/runtime/mock/noop\" from \"/project/workspace/node_modules/@nuxt/scripts/dist/runtime/validation/mock.js\".\nThis is most likely unintended because it can break your application at runtime.\nIf you do want to externalize this module explicitly add it to\nbuild.rollupOptions.external\n\n This is most likely unintended because it can break your application at runtime.\n If you do want to externalize this module explicitly add it to\n build.rollupOptions.external\n at viteLog (node_modules/vite/dist/node/chunks/dep-glQox-ep.js:51589:15)\n at onRollupLog (node_modules/vite/dist/node/chunks/dep-glQox-ep.js:51639:5)\n at onLog (node_modules/vite/dist/node/chunks/dep-glQox-ep.js:51287:7)\n at node_modules/rollup/dist/es/shared/node-entry.js:20487:32\n at Object.logger [as onLog] (node_modules/rollup/dist/es/shared/node-entry.js:22230:9)\n at ModuleLoader.handleInvalidResolvedId (node_modules/rollup/dist/es/shared/node-entry.js:21113:26)\n at node_modules/rollup/dist/es/shared/node-entry.js:21071:26\n\nerror Command failed with exit code 1.\n```",[2100],{"name":1985,"color":1986},"scripts","Build fails since 3.16.0 due to failed import","2025-03-14T18:00:08Z","https://github.com/nuxt/scripts/issues/412",["Reactive",2106],{},["Set"],["ShallowReactive",2109],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"6s_cNIIjquZnv64RnlkmTuGTWdexDgBak31ZvzeYJms":-1},"/nuxt/ui/3227"]