@nuxt/ui 3.0.0-alpha.10 → 3.0.0-alpha.11

package/.nuxt/ui/textarea.ts

@@ -1,3 +1,38 @@
+const buttonGroup = [
+  "horizontal",
+  "vertical"
+] as const
+
+const size = [
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl"
+] as const
+
+const variant = [
+  "outline",
+  "soft",
+  "subtle",
+  "ghost",
+  "none"
+] as const
+
+const color = [
+  "primary",
+  "secondary",
+  "success",
+  "info",
+  "warning",
+  "error",
+  "neutral"
+] as const
+
+const type = [
+  "file"
+] as const
+
 export default {
   "slots": {
     "root": "relative inline-flex items-center",
@@ -5,11 +40,11 @@ export default {
       "w-full rounded-[calc(var(--ui-radius)*1.5)] border-0 placeholder:text-[var(--ui-text-dimmed)] focus:outline-none disabled:cursor-not-allowed disabled:opacity-75",
       "transition-colors"
     ],
-    "leading": "absolute inset-y-0 start-0 flex items-center" as const,
+    "leading": "absolute inset-y-0 start-0 flex items-center",
     "leadingIcon": "shrink-0 text-[var(--ui-text-dimmed)]",
     "leadingAvatar": "shrink-0",
     "leadingAvatarSize": "",
-    "trailing": "absolute inset-y-0 end-0 flex items-center" as const,
+    "trailing": "absolute inset-y-0 end-0 flex items-center",
     "trailingIcon": "shrink-0 text-[var(--ui-text-dimmed)]"
   },
   "variants": {
@@ -26,40 +61,40 @@ export default {
     "size": {
       "xs": {
         "base": "px-2 py-1 text-xs gap-1",
-        "leading": "ps-2" as const,
-        "trailing": "pe-2" as const,
+        "leading": "ps-2",
+        "trailing": "pe-2",
         "leadingIcon": "size-4",
         "leadingAvatarSize": "3xs",
         "trailingIcon": "size-4"
       },
       "sm": {
         "base": "px-2.5 py-1.5 text-xs gap-1.5",
-        "leading": "ps-2.5" as const,
-        "trailing": "pe-2.5" as const,
+        "leading": "ps-2.5",
+        "trailing": "pe-2.5",
         "leadingIcon": "size-4",
         "leadingAvatarSize": "3xs",
         "trailingIcon": "size-4"
       },
       "md": {
         "base": "px-2.5 py-1.5 text-sm gap-1.5",
-        "leading": "ps-2.5" as const,
-        "trailing": "pe-2.5" as const,
+        "leading": "ps-2.5",
+        "trailing": "pe-2.5",
         "leadingIcon": "size-5",
         "leadingAvatarSize": "2xs",
         "trailingIcon": "size-5"
       },
       "lg": {
         "base": "px-3 py-2 text-sm gap-2",
-        "leading": "ps-3" as const,
-        "trailing": "pe-3" as const,
+        "leading": "ps-3",
+        "trailing": "pe-3",
         "leadingIcon": "size-5",
         "leadingAvatarSize": "2xs",
         "trailingIcon": "size-5"
       },
       "xl": {
         "base": "px-3 py-2 text-base gap-2",
-        "leading": "ps-3" as const,
-        "trailing": "pe-3" as const,
+        "leading": "ps-3",
+        "trailing": "pe-3",
         "leadingIcon": "size-6",
         "leadingAvatarSize": "xs",
         "trailingIcon": "size-6"
@@ -99,144 +134,144 @@ export default {
   },
   "compoundVariants": [
     {
-      "color": "primary" as const,
+      "color": "primary" as typeof color[number],
       "variant": [
-        "outline" as const,
-        "subtle" as const
+        "outline" as typeof variant[number],
+        "subtle" as typeof variant[number]
       ],
       "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-primary)]"
     },
     {
-      "color": "secondary" as const,
+      "color": "secondary" as typeof color[number],
       "variant": [
-        "outline" as const,
-        "subtle" as const
+        "outline" as typeof variant[number],
+        "subtle" as typeof variant[number]
       ],
       "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-secondary)]"
     },
     {
-      "color": "success" as const,
+      "color": "success" as typeof color[number],
       "variant": [
-        "outline" as const,
-        "subtle" as const
+        "outline" as typeof variant[number],
+        "subtle" as typeof variant[number]
       ],
       "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-success)]"
     },
     {
-      "color": "info" as const,
+      "color": "info" as typeof color[number],
       "variant": [
-        "outline" as const,
-        "subtle" as const
+        "outline" as typeof variant[number],
+        "subtle" as typeof variant[number]
       ],
       "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-info)]"
     },
     {
-      "color": "warning" as const,
+      "color": "warning" as typeof color[number],
       "variant": [
-        "outline" as const,
-        "subtle" as const
+        "outline" as typeof variant[number],
+        "subtle" as typeof variant[number]
       ],
       "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-warning)]"
     },
     {
-      "color": "error" as const,
+      "color": "error" as typeof color[number],
       "variant": [
-        "outline" as const,
-        "subtle" as const
+        "outline" as typeof variant[number],
+        "subtle" as typeof variant[number]
       ],
       "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-error)]"
     },
     {
-      "color": "primary" as const,
+      "color": "primary" as typeof color[number],
       "highlight": true,
       "class": "ring ring-inset ring-[var(--ui-primary)]"
     },
     {
-      "color": "secondary" as const,
+      "color": "secondary" as typeof color[number],
       "highlight": true,
       "class": "ring ring-inset ring-[var(--ui-secondary)]"
     },
     {
-      "color": "success" as const,
+      "color": "success" as typeof color[number],
       "highlight": true,
       "class": "ring ring-inset ring-[var(--ui-success)]"
     },
     {
-      "color": "info" as const,
+      "color": "info" as typeof color[number],
       "highlight": true,
       "class": "ring ring-inset ring-[var(--ui-info)]"
     },
     {
-      "color": "warning" as const,
+      "color": "warning" as typeof color[number],
       "highlight": true,
       "class": "ring ring-inset ring-[var(--ui-warning)]"
     },
     {
-      "color": "error" as const,
+      "color": "error" as typeof color[number],
       "highlight": true,
       "class": "ring ring-inset ring-[var(--ui-error)]"
     },
     {
-      "color": "neutral" as const,
+      "color": "neutral" as typeof color[number],
       "variant": [
-        "outline" as const,
-        "subtle" as const
+        "outline" as typeof variant[number],
+        "subtle" as typeof variant[number]
       ],
       "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-border-inverted)]"
     },
     {
-      "color": "neutral" as const,
+      "color": "neutral" as typeof color[number],
       "highlight": true,
       "class": "ring ring-inset ring-[var(--ui-border-inverted)]"
     },
     {
       "leading": true,
-      "size": "xs" as const,
+      "size": "xs" as typeof size[number],
       "class": "ps-7"
     },
     {
       "leading": true,
-      "size": "sm" as const,
+      "size": "sm" as typeof size[number],
       "class": "ps-8"
     },
     {
       "leading": true,
-      "size": "md" as const,
+      "size": "md" as typeof size[number],
       "class": "ps-9"
     },
     {
       "leading": true,
-      "size": "lg" as const,
+      "size": "lg" as typeof size[number],
       "class": "ps-10"
     },
     {
       "leading": true,
-      "size": "xl" as const,
+      "size": "xl" as typeof size[number],
       "class": "ps-11"
     },
     {
       "trailing": true,
-      "size": "xs" as const,
+      "size": "xs" as typeof size[number],
       "class": "pe-7"
     },
     {
       "trailing": true,
-      "size": "sm" as const,
+      "size": "sm" as typeof size[number],
       "class": "pe-8"
     },
     {
       "trailing": true,
-      "size": "md" as const,
+      "size": "md" as typeof size[number],
       "class": "pe-9"
     },
     {
       "trailing": true,
-      "size": "lg" as const,
+      "size": "lg" as typeof size[number],
       "class": "pe-10"
     },
     {
       "trailing": true,
-      "size": "xl" as const,
+      "size": "xl" as typeof size[number],
       "class": "pe-11"
     },
     {
@@ -256,8 +291,8 @@ export default {
     }
   ],
   "defaultVariants": {
-    "size": "md" as const,
-    "color": "primary" as const,
-    "variant": "outline" as const
+    "size": "md" as typeof size[number],
+    "color": "primary" as typeof color[number],
+    "variant": "outline" as typeof variant[number]
   }
 }

package/.nuxt/ui/toast.ts

@@ -1,3 +1,13 @@
+const color = [
+  "primary",
+  "secondary",
+  "success",
+  "info",
+  "warning",
+  "error",
+  "neutral"
+] as const
+
 export default {
   "slots": {
     "root": "relative group overflow-hidden bg-[var(--ui-bg)] shadow-lg rounded-[calc(var(--ui-radius)*2)] ring ring-[var(--ui-border)] p-4 flex gap-2.5 focus:outline-none",
@@ -61,6 +71,6 @@ export default {
     }
   },
   "defaultVariants": {
-    "color": "primary" as const
+    "color": "primary" as typeof color[number]
   }
 }

package/.nuxt/ui/toaster.ts

@@ -1,3 +1,19 @@
+const position = [
+  "top-left",
+  "top-center",
+  "top-right",
+  "bottom-left",
+  "bottom-center",
+  "bottom-right"
+] as const
+
+const swipeDirection = [
+  "up",
+  "right",
+  "down",
+  "left"
+] as const
+
 export default {
   "slots": {
     "viewport": "fixed flex flex-col w-[calc(100%-2rem)] sm:w-96 z-[100] data-[expanded=true]:h-[var(--height)] focus:outline-none",
@@ -34,9 +50,9 @@ export default {
   "compoundVariants": [
     {
       "position": [
-        "top-left" as const,
-        "top-center" as const,
-        "top-right" as const
+        "top-left" as typeof position[number],
+        "top-center" as typeof position[number],
+        "top-right" as typeof position[number]
       ],
       "class": {
         "viewport": "top-4",
@@ -45,9 +61,9 @@ export default {
     },
     {
       "position": [
-        "bottom-left" as const,
-        "bottom-center" as const,
-        "bottom-right" as const
+        "bottom-left" as typeof position[number],
+        "bottom-center" as typeof position[number],
+        "bottom-right" as typeof position[number]
       ],
       "class": {
         "viewport": "bottom-4",
@@ -56,20 +72,20 @@ export default {
     },
     {
       "swipeDirection": [
-        "left" as const,
-        "right" as const
+        "left" as typeof swipeDirection[number],
+        "right" as typeof swipeDirection[number]
       ],
       "class": "data-[swipe=move]:translate-x-[var(--reka-toast-swipe-move-x)] data-[swipe=end]:translate-x-[var(--reka-toast-swipe-end-x)] data-[swipe=cancel]:translate-x-0"
     },
     {
       "swipeDirection": [
-        "up" as const,
-        "down" as const
+        "up" as typeof swipeDirection[number],
+        "down" as typeof swipeDirection[number]
       ],
       "class": "data-[swipe=move]:translate-y-[var(--reka-toast-swipe-move-y)] data-[swipe=end]:translate-y-[var(--reka-toast-swipe-end-y)] data-[swipe=cancel]:translate-y-0"
     }
   ],
   "defaultVariants": {
-    "position": "bottom-right" as const
+    "position": "bottom-right" as typeof position[number]
   }
 }

package/.nuxt/ui/tooltip.ts

@@ -1,6 +1,6 @@
 export default {
   "slots": {
-    "content": "flex items-center gap-1 bg-[var(--ui-bg)] text-[var(--ui-text-highlighted)] shadow-sm rounded-[var(--ui-radius)] ring ring-[var(--ui-border)] h-6 px-2 py-1 text-xs select-none data-[state=delayed-open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]",
+    "content": "flex items-center gap-1 bg-[var(--ui-bg)] text-[var(--ui-text-highlighted)] shadow-sm rounded-[var(--ui-radius)] ring ring-[var(--ui-border)] h-6 px-2 py-1 text-xs select-none data-[state=delayed-open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] pointer-events-auto",
     "arrow": "fill-[var(--ui-border)]",
     "text": "truncate",
     "kbds": "hidden lg:inline-flex items-center shrink-0 gap-0.5 before:content-['·'] before:me-0.5",

package/README.md

@@ -10,7 +10,7 @@
 We're thrilled to introduce Nuxt UI v3, a significant upgrade to our UI library that delivers extensive improvements and robust new capabilities. This major update harnesses the combined strengths of [Reka UI](https://reka-ui.com/), [Tailwind CSS v4](https://tailwindcss.com/docs/v4-beta), and [Tailwind Variants](https://www.tailwind-variants.org/) to offer developers an unparalleled set of tools for creating sophisticated, accessible, and highly performant user interfaces.
 
 > [!NOTE]
-> You are on the `v3` development branch, check out the [dev branch](https://github.com/nuxt/ui) for Nuxt UI v2.
+> You are on the `v3` development branch, check out the [dev branch](https://github.com/nuxt/ui/tree/dev) for Nuxt UI v2.
 
 ## Documentation
 
@@ -74,11 +74,18 @@ export default defineConfig({
 
 ```ts [main.ts]
 import { createApp } from 'vue'
+import { createRouter, createWebHistory } from 'vue-router'
 import ui from '@nuxt/ui/vue-plugin'
 import App from './App.vue'
 
 const app = createApp(App)
 
+const router = createRouter({
+  routes: [],
+  history: createWebHistory()
+})
+
+app.use(router)
 app.use(ui)
 
 app.mount('#app')

package/cli/commands/make/component.mjs

@@ -32,6 +32,10 @@ export default defineCommand({
     content: {
       type: 'boolean',
       description: 'Create a content component (with --pro).'
+    },
+    template: {
+      type: 'string',
+      description: 'Only generate template.'
     }
   },
   async setup({ args }) {
@@ -53,6 +57,10 @@ export default defineCommand({
     const path = resolve('.')
 
     for (const template of Object.keys(templates)) {
+      if (args.template && template !== args.template) {
+        continue
+      }
+
       const { filename, contents } = templates[template](args)
       if (!contents) {
         continue
@@ -70,6 +78,10 @@ export default defineCommand({
       consola.success(`🪄 Generated ${filePath}!`)
     }
 
+    if (args.template) {
+      return
+    }
+
     const themePath = resolve(path, `src/theme/${args.prose ? 'prose/' : ''}${args.content ? 'content/' : ''}index.ts`)
     await appendFile(themePath, `export { default as ${camelCase(name)} } from './${kebabCase(name)}'`)
     await sortFile(themePath)

package/cli/package.json

@@ -6,8 +6,8 @@
   },
   "dependencies": {
     "citty": "^0.1.6",
-    "consola": "^3.2.3",
-    "pathe": "^1.1.2",
+    "consola": "^3.3.3",
+    "pathe": "^2.0.1",
     "scule": "^1.3.0"
   }
 }

package/cli/templates.mjs

@@ -30,10 +30,10 @@ const component = ({ name, primitive, pro, prose, content }) => {
     contents: primitive
       ? `
 <script lang="ts">
-import { tv } from 'tailwind-variants'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/${path}/${prose ? 'prose/' : ''}${content ? 'content/' : ''}${kebabName}'
+import { tv } from ${pro ? '#ui/utils/tv' : '../utils/tv'}
 
 const appConfig = _appConfig as AppConfig & { ${key}: { ${prose ? 'prose: { ' : ''}${camelName}: Partial<typeof theme> } }${prose ? ' }' : ''}
 
@@ -57,7 +57,7 @@ export interface ${upperName}Slots {
 <script setup lang="ts">
 import { Primitive } from 'reka-ui'
 
-const props = withDefaults(defineProps<${upperName}Props>(), { as: 'div' })
+const props = defineProps<${upperName}Props>()
 defineSlots<${upperName}Slots>()
 
 const ui = ${camelName}()
@@ -71,11 +71,12 @@ const ui = ${camelName}()
 `
       : `
 <script lang="ts">
-import { tv, type VariantProps } from 'tailwind-variants'
+import type { VariantProps } from 'tailwind-variants'
 import type { ${upperName}RootProps, ${upperName}RootEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/${path}/${prose ? 'prose/' : ''}${content ? 'content/' : ''}${kebabName}'
+import { tv } from ${pro ? '#ui/utils/tv' : '../utils/tv'}
 
 const appConfig = _appConfig as AppConfig & { ${key}: { ${prose ? 'prose: { ' : ''}${camelName}: Partial<typeof theme> } }${prose ? ' }' : ''}
 
@@ -163,15 +164,19 @@ describe('${upperName}', () => {
   }
 }
 
-const doc = ({ name, pro }) => {
+const docs = ({ name, pro, primitive }) => {
   const kebabName = kebabCase(name)
   const upperName = splitByCase(name).map(p => upperFirst(p)).join('')
 
   return {
-    filename: `docs/content/${pro ? 'pro' : '3.components'}/${kebabName}.md`,
+    filename: `docs/content/3.components/${kebabName}.md`,
     contents: `---
-description:
-links: ${pro
+title: ${upperName}
+description: ''${pro
+  ? `
+module: ui-pro`
+  : ''}
+links:${primitive
   ? ''
   : `
   - label: ${upperName}
@@ -190,19 +195,19 @@ links: ${pro
 
 ### Props
 
-:component-props
+:component-props${pro ? '{pro}' : ''}
 
 ### Slots
 
-:component-slots
+:component-slots${pro ? '{pro}' : ''}
 
 ### Emits
 
-:component-emits
+:component-emits${pro ? '{pro}' : ''}
 
 ## Theme
 
-:component-theme
+:component-theme${pro ? '{pro}' : ''}
 `
   }
 }
@@ -212,5 +217,5 @@ export default {
   component,
   theme,
   test,
-  doc
+  docs
 }

package/dist/client/devtools/200.html

@@ -1 +1 @@
-<!DOCTYPE html><html  data-capo=""><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="/__nuxt_ui__/devtools/_nuxt/entry.DXXceQev.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/__nuxt_ui__/devtools/_nuxt/YQTlxbcT.js"><link rel="prefetch" as="style" crossorigin href="/__nuxt_ui__/devtools/_nuxt/error-404.BJpkZFyY.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_ui__/devtools/_nuxt/B1fTd_Rf.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_ui__/devtools/_nuxt/CSUxkedg.js"><link rel="prefetch" as="style" crossorigin href="/__nuxt_ui__/devtools/_nuxt/error-500.D3i9VDlt.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_ui__/devtools/_nuxt/CbRTGpb7.js"><script type="module" src="/__nuxt_ui__/devtools/_nuxt/YQTlxbcT.js" crossorigin></script><script>"use strict";(()=>{const t=window,e=document.documentElement,c=["dark","light"],n=getStorageValue("localStorage","nuxt-color-mode")||"system";let i=n==="system"?u():n;const r=e.getAttribute("data-color-mode-forced");r&&(i=r),l(i),t["__NUXT_COLOR_MODE__"]={preference:n,value:i,getColorScheme:u,addColorScheme:l,removeColorScheme:d};function l(o){const s=""+o+"",a="";e.classList?e.classList.add(s):e.className+=" "+s,a&&e.setAttribute("data-"+a,o)}function d(o){const s=""+o+"",a="";e.classList?e.classList.remove(s):e.className=e.className.replace(new RegExp(s,"g"),""),a&&e.removeAttribute("data-"+a)}function f(o){return t.matchMedia("(prefers-color-scheme"+o+")")}function u(){if(t.matchMedia&&f("").media!=="not all"){for(const o of c)if(f(":"+o).matches)return o}return"light"}})();function getStorageValue(t,e){switch(t){case"localStorage":return window.localStorage.getItem(e);case"sessionStorage":return window.sessionStorage.getItem(e);case"cookie":return getCookie(e);default:return null}}function getCookie(t){const c=("; "+window.document.cookie).split("; "+t+"=");if(c.length===2)return c.pop()?.split(";").shift()}</script></head><body><div id="__nuxt" class="isolate"></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1733739091807,false]</script><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt_ui__/devtools",buildId:"b3465abc-0a92-4ee7-ba6b-e5174891fcc0",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>
+<!DOCTYPE html><html  data-capo=""><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="/__nuxt_ui__/devtools/_nuxt/entry.qOdop8tq.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/__nuxt_ui__/devtools/_nuxt/CQ-XZFu7.js"><link rel="prefetch" as="style" crossorigin href="/__nuxt_ui__/devtools/_nuxt/error-404.D-rS9BDk.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_ui__/devtools/_nuxt/Dtz-o9GB.js"><link rel="prefetch" as="style" crossorigin href="/__nuxt_ui__/devtools/_nuxt/error-500.CfcCHs91.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_ui__/devtools/_nuxt/DNZFyo26.js"><script type="module" src="/__nuxt_ui__/devtools/_nuxt/CQ-XZFu7.js" crossorigin></script><script>"use strict";(()=>{const t=window,e=document.documentElement,c=["dark","light"],n=getStorageValue("localStorage","nuxt-color-mode")||"system";let i=n==="system"?u():n;const r=e.getAttribute("data-color-mode-forced");r&&(i=r),l(i),t["__NUXT_COLOR_MODE__"]={preference:n,value:i,getColorScheme:u,addColorScheme:l,removeColorScheme:d};function l(o){const s=""+o+"",a="";e.classList?e.classList.add(s):e.className+=" "+s,a&&e.setAttribute("data-"+a,o)}function d(o){const s=""+o+"",a="";e.classList?e.classList.remove(s):e.className=e.className.replace(new RegExp(s,"g"),""),a&&e.removeAttribute("data-"+a)}function f(o){return t.matchMedia("(prefers-color-scheme"+o+")")}function u(){if(t.matchMedia&&f("").media!=="not all"){for(const o of c)if(f(":"+o).matches)return o}return"light"}})();function getStorageValue(t,e){switch(t){case"localStorage":return window.localStorage.getItem(e);case"sessionStorage":return window.sessionStorage.getItem(e);case"cookie":return getCookie(e);default:return null}}function getCookie(t){const c=("; "+window.document.cookie).split("; "+t+"=");if(c.length===2)return c.pop()?.split(";").shift()}</script></head><body><div id="__nuxt" class="isolate"></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1736765680267,false]</script><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt_ui__/devtools",buildId:"1f5fbd7b-9d97-480e-9ae4-e02b4ff7018b",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>

package/dist/client/devtools/404.html

@@ -1 +1 @@
-<!DOCTYPE html><html  data-capo=""><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="/__nuxt_ui__/devtools/_nuxt/entry.DXXceQev.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/__nuxt_ui__/devtools/_nuxt/YQTlxbcT.js"><link rel="prefetch" as="style" crossorigin href="/__nuxt_ui__/devtools/_nuxt/error-404.BJpkZFyY.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_ui__/devtools/_nuxt/B1fTd_Rf.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_ui__/devtools/_nuxt/CSUxkedg.js"><link rel="prefetch" as="style" crossorigin href="/__nuxt_ui__/devtools/_nuxt/error-500.D3i9VDlt.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_ui__/devtools/_nuxt/CbRTGpb7.js"><script type="module" src="/__nuxt_ui__/devtools/_nuxt/YQTlxbcT.js" crossorigin></script><script>"use strict";(()=>{const t=window,e=document.documentElement,c=["dark","light"],n=getStorageValue("localStorage","nuxt-color-mode")||"system";let i=n==="system"?u():n;const r=e.getAttribute("data-color-mode-forced");r&&(i=r),l(i),t["__NUXT_COLOR_MODE__"]={preference:n,value:i,getColorScheme:u,addColorScheme:l,removeColorScheme:d};function l(o){const s=""+o+"",a="";e.classList?e.classList.add(s):e.className+=" "+s,a&&e.setAttribute("data-"+a,o)}function d(o){const s=""+o+"",a="";e.classList?e.classList.remove(s):e.className=e.className.replace(new RegExp(s,"g"),""),a&&e.removeAttribute("data-"+a)}function f(o){return t.matchMedia("(prefers-color-scheme"+o+")")}function u(){if(t.matchMedia&&f("").media!=="not all"){for(const o of c)if(f(":"+o).matches)return o}return"light"}})();function getStorageValue(t,e){switch(t){case"localStorage":return window.localStorage.getItem(e);case"sessionStorage":return window.sessionStorage.getItem(e);case"cookie":return getCookie(e);default:return null}}function getCookie(t){const c=("; "+window.document.cookie).split("; "+t+"=");if(c.length===2)return c.pop()?.split(";").shift()}</script></head><body><div id="__nuxt" class="isolate"></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1733739091807,false]</script><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt_ui__/devtools",buildId:"b3465abc-0a92-4ee7-ba6b-e5174891fcc0",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>
+<!DOCTYPE html><html  data-capo=""><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="/__nuxt_ui__/devtools/_nuxt/entry.qOdop8tq.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/__nuxt_ui__/devtools/_nuxt/CQ-XZFu7.js"><link rel="prefetch" as="style" crossorigin href="/__nuxt_ui__/devtools/_nuxt/error-404.D-rS9BDk.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_ui__/devtools/_nuxt/Dtz-o9GB.js"><link rel="prefetch" as="style" crossorigin href="/__nuxt_ui__/devtools/_nuxt/error-500.CfcCHs91.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_ui__/devtools/_nuxt/DNZFyo26.js"><script type="module" src="/__nuxt_ui__/devtools/_nuxt/CQ-XZFu7.js" crossorigin></script><script>"use strict";(()=>{const t=window,e=document.documentElement,c=["dark","light"],n=getStorageValue("localStorage","nuxt-color-mode")||"system";let i=n==="system"?u():n;const r=e.getAttribute("data-color-mode-forced");r&&(i=r),l(i),t["__NUXT_COLOR_MODE__"]={preference:n,value:i,getColorScheme:u,addColorScheme:l,removeColorScheme:d};function l(o){const s=""+o+"",a="";e.classList?e.classList.add(s):e.className+=" "+s,a&&e.setAttribute("data-"+a,o)}function d(o){const s=""+o+"",a="";e.classList?e.classList.remove(s):e.className=e.className.replace(new RegExp(s,"g"),""),a&&e.removeAttribute("data-"+a)}function f(o){return t.matchMedia("(prefers-color-scheme"+o+")")}function u(){if(t.matchMedia&&f("").media!=="not all"){for(const o of c)if(f(":"+o).matches)return o}return"light"}})();function getStorageValue(t,e){switch(t){case"localStorage":return window.localStorage.getItem(e);case"sessionStorage":return window.sessionStorage.getItem(e);case"cookie":return getCookie(e);default:return null}}function getCookie(t){const c=("; "+window.document.cookie).split("; "+t+"=");if(c.length===2)return c.pop()?.split(";").shift()}</script></head><body><div id="__nuxt" class="isolate"></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1736765680267,false]</script><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt_ui__/devtools",buildId:"1f5fbd7b-9d97-480e-9ae4-e02b4ff7018b",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>