@nuxt/ui 4.0.1 → 4.1.0

package/.nuxt/ui/calendar.ts

@@ -8,6 +8,13 @@ const color = [
   "neutral"
 ] as const
 
+const variant = [
+  "solid",
+  "outline",
+  "soft",
+  "subtle"
+] as const
+
 const size = [
   "xs",
   "sm",
@@ -29,7 +36,7 @@ export default {
     "headCell": "rounded-md",
     "cell": "relative text-center",
     "cellTrigger": [
-      "m-0.5 relative flex items-center justify-center rounded-full whitespace-nowrap focus-visible:ring-2 focus:outline-none data-disabled:text-muted data-unavailable:line-through data-unavailable:text-muted data-unavailable:pointer-events-none data-[selected]:text-inverted data-today:font-semibold data-[outside-view]:text-muted",
+      "m-0.5 relative flex items-center justify-center rounded-full whitespace-nowrap focus-visible:ring-2 focus:outline-none data-disabled:text-muted data-unavailable:line-through data-unavailable:text-muted data-unavailable:pointer-events-none data-today:font-semibold data-[outside-view]:text-muted",
       "transition"
     ]
   },
@@ -37,33 +44,39 @@ export default {
     "color": {
       "primary": {
         "headCell": "text-primary",
-        "cellTrigger": "focus-visible:ring-primary data-[selected]:bg-primary data-today:not-data-[selected]:text-primary data-[highlighted]:bg-primary/20 hover:not-data-[selected]:bg-primary/20"
+        "cellTrigger": "focus-visible:ring-primary"
       },
       "secondary": {
         "headCell": "text-secondary",
-        "cellTrigger": "focus-visible:ring-secondary data-[selected]:bg-secondary data-today:not-data-[selected]:text-secondary data-[highlighted]:bg-secondary/20 hover:not-data-[selected]:bg-secondary/20"
+        "cellTrigger": "focus-visible:ring-secondary"
       },
       "success": {
         "headCell": "text-success",
-        "cellTrigger": "focus-visible:ring-success data-[selected]:bg-success data-today:not-data-[selected]:text-success data-[highlighted]:bg-success/20 hover:not-data-[selected]:bg-success/20"
+        "cellTrigger": "focus-visible:ring-success"
       },
       "info": {
         "headCell": "text-info",
-        "cellTrigger": "focus-visible:ring-info data-[selected]:bg-info data-today:not-data-[selected]:text-info data-[highlighted]:bg-info/20 hover:not-data-[selected]:bg-info/20"
+        "cellTrigger": "focus-visible:ring-info"
       },
       "warning": {
         "headCell": "text-warning",
-        "cellTrigger": "focus-visible:ring-warning data-[selected]:bg-warning data-today:not-data-[selected]:text-warning data-[highlighted]:bg-warning/20 hover:not-data-[selected]:bg-warning/20"
+        "cellTrigger": "focus-visible:ring-warning"
       },
       "error": {
         "headCell": "text-error",
-        "cellTrigger": "focus-visible:ring-error data-[selected]:bg-error data-today:not-data-[selected]:text-error data-[highlighted]:bg-error/20 hover:not-data-[selected]:bg-error/20"
+        "cellTrigger": "focus-visible:ring-error"
       },
       "neutral": {
         "headCell": "text-highlighted",
-        "cellTrigger": "focus-visible:ring-inverted data-[selected]:bg-inverted data-today:not-data-[selected]:text-highlighted data-[highlighted]:bg-inverted/20 hover:not-data-[selected]:bg-inverted/10"
+        "cellTrigger": "focus-visible:ring-inverted"
       }
     },
+    "variant": {
+      "solid": "",
+      "outline": "",
+      "soft": "",
+      "subtle": ""
+    },
     "size": {
       "xs": {
         "heading": "text-xs",
@@ -96,8 +109,207 @@ export default {
       }
     }
   },
+  "compoundVariants": [
+    {
+      "color": "primary" as typeof color[number],
+      "variant": "solid" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-primary data-[selected]:text-inverted data-today:not-data-[selected]:text-primary data-[highlighted]:bg-primary/20 hover:not-data-[selected]:bg-primary/20"
+      }
+    },
+    {
+      "color": "secondary" as typeof color[number],
+      "variant": "solid" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-secondary data-[selected]:text-inverted data-today:not-data-[selected]:text-secondary data-[highlighted]:bg-secondary/20 hover:not-data-[selected]:bg-secondary/20"
+      }
+    },
+    {
+      "color": "success" as typeof color[number],
+      "variant": "solid" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-success data-[selected]:text-inverted data-today:not-data-[selected]:text-success data-[highlighted]:bg-success/20 hover:not-data-[selected]:bg-success/20"
+      }
+    },
+    {
+      "color": "info" as typeof color[number],
+      "variant": "solid" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-info data-[selected]:text-inverted data-today:not-data-[selected]:text-info data-[highlighted]:bg-info/20 hover:not-data-[selected]:bg-info/20"
+      }
+    },
+    {
+      "color": "warning" as typeof color[number],
+      "variant": "solid" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-warning data-[selected]:text-inverted data-today:not-data-[selected]:text-warning data-[highlighted]:bg-warning/20 hover:not-data-[selected]:bg-warning/20"
+      }
+    },
+    {
+      "color": "error" as typeof color[number],
+      "variant": "solid" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-error data-[selected]:text-inverted data-today:not-data-[selected]:text-error data-[highlighted]:bg-error/20 hover:not-data-[selected]:bg-error/20"
+      }
+    },
+    {
+      "color": "primary" as typeof color[number],
+      "variant": "outline" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:ring data-[selected]:ring-inset data-[selected]:ring-primary/50 data-[selected]:text-primary data-today:not-data-[selected]:text-primary data-[highlighted]:bg-primary/10 hover:not-data-[selected]:bg-primary/10"
+      }
+    },
+    {
+      "color": "secondary" as typeof color[number],
+      "variant": "outline" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:ring data-[selected]:ring-inset data-[selected]:ring-secondary/50 data-[selected]:text-secondary data-today:not-data-[selected]:text-secondary data-[highlighted]:bg-secondary/10 hover:not-data-[selected]:bg-secondary/10"
+      }
+    },
+    {
+      "color": "success" as typeof color[number],
+      "variant": "outline" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:ring data-[selected]:ring-inset data-[selected]:ring-success/50 data-[selected]:text-success data-today:not-data-[selected]:text-success data-[highlighted]:bg-success/10 hover:not-data-[selected]:bg-success/10"
+      }
+    },
+    {
+      "color": "info" as typeof color[number],
+      "variant": "outline" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:ring data-[selected]:ring-inset data-[selected]:ring-info/50 data-[selected]:text-info data-today:not-data-[selected]:text-info data-[highlighted]:bg-info/10 hover:not-data-[selected]:bg-info/10"
+      }
+    },
+    {
+      "color": "warning" as typeof color[number],
+      "variant": "outline" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:ring data-[selected]:ring-inset data-[selected]:ring-warning/50 data-[selected]:text-warning data-today:not-data-[selected]:text-warning data-[highlighted]:bg-warning/10 hover:not-data-[selected]:bg-warning/10"
+      }
+    },
+    {
+      "color": "error" as typeof color[number],
+      "variant": "outline" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:ring data-[selected]:ring-inset data-[selected]:ring-error/50 data-[selected]:text-error data-today:not-data-[selected]:text-error data-[highlighted]:bg-error/10 hover:not-data-[selected]:bg-error/10"
+      }
+    },
+    {
+      "color": "primary" as typeof color[number],
+      "variant": "soft" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-primary/10 data-[selected]:text-primary data-today:not-data-[selected]:text-primary data-[highlighted]:bg-primary/20 hover:not-data-[selected]:bg-primary/20"
+      }
+    },
+    {
+      "color": "secondary" as typeof color[number],
+      "variant": "soft" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-secondary/10 data-[selected]:text-secondary data-today:not-data-[selected]:text-secondary data-[highlighted]:bg-secondary/20 hover:not-data-[selected]:bg-secondary/20"
+      }
+    },
+    {
+      "color": "success" as typeof color[number],
+      "variant": "soft" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-success/10 data-[selected]:text-success data-today:not-data-[selected]:text-success data-[highlighted]:bg-success/20 hover:not-data-[selected]:bg-success/20"
+      }
+    },
+    {
+      "color": "info" as typeof color[number],
+      "variant": "soft" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-info/10 data-[selected]:text-info data-today:not-data-[selected]:text-info data-[highlighted]:bg-info/20 hover:not-data-[selected]:bg-info/20"
+      }
+    },
+    {
+      "color": "warning" as typeof color[number],
+      "variant": "soft" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-warning/10 data-[selected]:text-warning data-today:not-data-[selected]:text-warning data-[highlighted]:bg-warning/20 hover:not-data-[selected]:bg-warning/20"
+      }
+    },
+    {
+      "color": "error" as typeof color[number],
+      "variant": "soft" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-error/10 data-[selected]:text-error data-today:not-data-[selected]:text-error data-[highlighted]:bg-error/20 hover:not-data-[selected]:bg-error/20"
+      }
+    },
+    {
+      "color": "primary" as typeof color[number],
+      "variant": "subtle" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-primary/10 data-[selected]:text-primary data-[selected]:ring data-[selected]:ring-inset data-[selected]:ring-primary/25 data-today:not-data-[selected]:text-primary data-[highlighted]:bg-primary/20 hover:not-data-[selected]:bg-primary/20"
+      }
+    },
+    {
+      "color": "secondary" as typeof color[number],
+      "variant": "subtle" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-secondary/10 data-[selected]:text-secondary data-[selected]:ring data-[selected]:ring-inset data-[selected]:ring-secondary/25 data-today:not-data-[selected]:text-secondary data-[highlighted]:bg-secondary/20 hover:not-data-[selected]:bg-secondary/20"
+      }
+    },
+    {
+      "color": "success" as typeof color[number],
+      "variant": "subtle" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-success/10 data-[selected]:text-success data-[selected]:ring data-[selected]:ring-inset data-[selected]:ring-success/25 data-today:not-data-[selected]:text-success data-[highlighted]:bg-success/20 hover:not-data-[selected]:bg-success/20"
+      }
+    },
+    {
+      "color": "info" as typeof color[number],
+      "variant": "subtle" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-info/10 data-[selected]:text-info data-[selected]:ring data-[selected]:ring-inset data-[selected]:ring-info/25 data-today:not-data-[selected]:text-info data-[highlighted]:bg-info/20 hover:not-data-[selected]:bg-info/20"
+      }
+    },
+    {
+      "color": "warning" as typeof color[number],
+      "variant": "subtle" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-warning/10 data-[selected]:text-warning data-[selected]:ring data-[selected]:ring-inset data-[selected]:ring-warning/25 data-today:not-data-[selected]:text-warning data-[highlighted]:bg-warning/20 hover:not-data-[selected]:bg-warning/20"
+      }
+    },
+    {
+      "color": "error" as typeof color[number],
+      "variant": "subtle" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-error/10 data-[selected]:text-error data-[selected]:ring data-[selected]:ring-inset data-[selected]:ring-error/25 data-today:not-data-[selected]:text-error data-[highlighted]:bg-error/20 hover:not-data-[selected]:bg-error/20"
+      }
+    },
+    {
+      "color": "neutral" as typeof color[number],
+      "variant": "solid" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-inverted data-[selected]:text-inverted data-today:not-data-[selected]:text-highlighted data-[highlighted]:bg-inverted/20 hover:not-data-[selected]:bg-inverted/10"
+      }
+    },
+    {
+      "color": "neutral" as typeof color[number],
+      "variant": "outline" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:ring data-[selected]:ring-inset data-[selected]:ring-accented data-[selected]:text-default data-[selected]:bg-default data-today:not-data-[selected]:text-highlighted data-[highlighted]:bg-inverted/10 hover:not-data-[selected]:bg-inverted/10"
+      }
+    },
+    {
+      "color": "neutral" as typeof color[number],
+      "variant": "soft" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-elevated data-[selected]:text-default data-today:not-data-[selected]:text-highlighted data-[highlighted]:bg-inverted/20 hover:not-data-[selected]:bg-inverted/10"
+      }
+    },
+    {
+      "color": "neutral" as typeof color[number],
+      "variant": "subtle" as typeof variant[number],
+      "class": {
+        "cellTrigger": "data-[selected]:bg-elevated data-[selected]:text-default data-[selected]:ring data-[selected]:ring-inset data-[selected]:ring-accented data-today:not-data-[selected]:text-highlighted data-[highlighted]:bg-inverted/20 hover:not-data-[selected]:bg-inverted/10"
+      }
+    }
+  ],
   "defaultVariants": {
     "size": "md" as typeof size[number],
-    "color": "primary" as typeof color[number]
+    "color": "primary" as typeof color[number],
+    "variant": "solid" as typeof variant[number]
   }
 }

package/.nuxt/ui/chat-message.ts

@@ -14,12 +14,12 @@ const side = [
 export default {
   "slots": {
     "root": "group/message relative w-full",
-    "container": "relative flex items-start group-data-[role=user]/message:max-w-[75%]",
+    "container": "relative flex items-start",
     "leading": "inline-flex items-center justify-center min-h-6",
     "leadingIcon": "shrink-0",
     "leadingAvatar": "shrink-0",
     "leadingAvatarSize": "",
-    "content": "relative text-pretty min-w-0",
+    "content": "relative text-pretty min-w-0 *:first:mt-0 *:last:mb-0",
     "actions": [
       "opacity-0 group-hover/message:opacity-100 absolute bottom-0 flex items-center",
       "transition-opacity"
@@ -48,7 +48,7 @@ export default {
         "container": "rtl:justify-end"
       },
       "right": {
-        "container": "ltr:justify-end ms-auto"
+        "container": "ltr:justify-end ms-auto max-w-[75%]"
       }
     },
     "leading": {
@@ -121,6 +121,13 @@ export default {
         "content": "px-2 py-1 rounded-lg min-h-8",
         "leading": "mt-1"
       }
+    },
+    {
+      "variant": "naked" as typeof variant[number],
+      "side": "left" as typeof side[number],
+      "class": {
+        "content": "w-full"
+      }
     }
   ],
   "defaultVariants": {

package/.nuxt/ui/command-palette.ts

@@ -6,11 +6,11 @@ export default {
     "back": "p-0",
     "content": "relative overflow-hidden flex flex-col",
     "footer": "p-1",
-    "viewport": "relative divide-y divide-default scroll-py-1 overflow-y-auto flex-1 focus:outline-none",
+    "viewport": "relative scroll-py-1 overflow-y-auto flex-1 focus:outline-none",
     "group": "p-1 isolate",
     "empty": "py-6 text-center text-sm text-muted",
     "label": "p-1.5 text-xs font-semibold text-highlighted",
-    "item": "group relative w-full flex items-center gap-1.5 p-1.5 text-sm select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75",
+    "item": "group relative w-full flex items-start gap-1.5 p-1.5 text-sm select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75",
     "itemLeadingIcon": "shrink-0 size-5",
     "itemLeadingAvatar": "shrink-0",
     "itemLeadingAvatarSize": "2xs",
@@ -21,12 +21,22 @@ export default {
     "itemTrailingHighlightedIcon": "shrink-0 size-5 text-dimmed hidden group-data-highlighted:inline-flex",
     "itemTrailingKbds": "hidden lg:inline-flex items-center shrink-0 gap-0.5",
     "itemTrailingKbdsSize": "md",
+    "itemWrapper": "flex-1 flex flex-col text-start min-w-0",
     "itemLabel": "truncate space-x-1 text-dimmed",
+    "itemDescription": "truncate text-muted",
     "itemLabelBase": "text-highlighted [&>mark]:text-inverted [&>mark]:bg-primary",
     "itemLabelPrefix": "text-default",
     "itemLabelSuffix": "text-dimmed [&>mark]:text-inverted [&>mark]:bg-primary"
   },
   "variants": {
+    "virtualize": {
+      "true": {
+        "viewport": "p-1 isolate"
+      },
+      "false": {
+        "viewport": "divide-y divide-default"
+      }
+    },
     "active": {
       "true": {
         "item": "text-highlighted before:bg-elevated",

package/.nuxt/ui/context-menu.ts

@@ -23,7 +23,7 @@ export default {
     "group": "p-1 isolate",
     "label": "w-full flex items-center font-semibold text-highlighted",
     "separator": "-mx-1 my-1 h-px bg-border",
-    "item": "group relative w-full flex items-center select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75",
+    "item": "group relative w-full flex items-start select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75",
     "itemLeadingIcon": "shrink-0",
     "itemLeadingAvatar": "shrink-0",
     "itemLeadingAvatarSize": "",
@@ -31,7 +31,9 @@ export default {
     "itemTrailingIcon": "shrink-0",
     "itemTrailingKbds": "hidden lg:inline-flex items-center shrink-0",
     "itemTrailingKbdsSize": "",
+    "itemWrapper": "flex-1 flex flex-col text-start min-w-0",
     "itemLabel": "truncate",
+    "itemDescription": "truncate text-muted",
     "itemLabelExternalIcon": "inline-block size-3 align-top text-dimmed"
   },
   "variants": {

package/.nuxt/ui/dropdown-menu.ts

@@ -24,7 +24,7 @@ export default {
     "group": "p-1 isolate",
     "label": "w-full flex items-center font-semibold text-highlighted",
     "separator": "-mx-1 my-1 h-px bg-border",
-    "item": "group relative w-full flex items-center select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75",
+    "item": "group relative w-full flex items-start select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75",
     "itemLeadingIcon": "shrink-0",
     "itemLeadingAvatar": "shrink-0",
     "itemLeadingAvatarSize": "",
@@ -32,7 +32,9 @@ export default {
     "itemTrailingIcon": "shrink-0",
     "itemTrailingKbds": "hidden lg:inline-flex items-center shrink-0",
     "itemTrailingKbdsSize": "",
+    "itemWrapper": "flex-1 flex flex-col text-start min-w-0",
     "itemLabel": "truncate",
+    "itemDescription": "truncate text-muted",
     "itemLabelExternalIcon": "inline-block size-3 align-top text-dimmed"
   },
   "variants": {

package/.nuxt/ui/empty.ts

@@ -0,0 +1,83 @@
+const size = [
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl"
+] as const
+
+const variant = [
+  "solid",
+  "outline",
+  "soft",
+  "subtle",
+  "naked"
+] as const
+
+export default {
+  "slots": {
+    "root": "relative flex flex-col items-center justify-center gap-4 rounded-lg p-4 sm:p-6 lg:p-8 min-w-0",
+    "header": "flex flex-col items-center gap-2 max-w-sm text-center",
+    "avatar": "shrink-0 mb-2",
+    "title": "text-highlighted text-pretty font-medium",
+    "description": "text-balance text-center",
+    "body": "flex flex-col items-center gap-4 max-w-sm",
+    "actions": "flex flex-wrap justify-center gap-2 shrink-0",
+    "footer": "flex flex-col items-center gap-2 max-w-sm"
+  },
+  "variants": {
+    "size": {
+      "xs": {
+        "avatar": "size-8 text-base",
+        "title": "text-sm",
+        "description": "text-xs"
+      },
+      "sm": {
+        "avatar": "size-9 text-lg",
+        "title": "text-sm",
+        "description": "text-xs"
+      },
+      "md": {
+        "avatar": "size-10 text-xl",
+        "title": "text-base",
+        "description": "text-sm"
+      },
+      "lg": {
+        "avatar": "size-11 text-[22px]",
+        "title": "text-base",
+        "description": "text-sm"
+      },
+      "xl": {
+        "avatar": "size-12 text-2xl",
+        "title": "text-lg",
+        "description": "text-base"
+      }
+    },
+    "variant": {
+      "solid": {
+        "root": "bg-inverted",
+        "title": "text-inverted",
+        "description": "text-dimmed"
+      },
+      "outline": {
+        "root": "bg-default ring ring-default",
+        "description": "text-muted"
+      },
+      "soft": {
+        "root": "bg-elevated/50",
+        "description": "text-toned"
+      },
+      "subtle": {
+        "root": "bg-elevated/50 ring ring-default",
+        "description": "text-toned"
+      },
+      "naked": {
+        "description": "text-muted"
+      }
+    }
+  },
+  "defaultVariants": {
+    "variant": "outline" as typeof variant[number],
+    "size": "md" as typeof size[number]
+  }
+}

package/.nuxt/ui/index.ts

@@ -39,6 +39,7 @@ export { default as dashboardSidebarToggle } from './dashboard-sidebar-toggle'
 export { default as dashboardToolbar } from './dashboard-toolbar'
 export { default as drawer } from './drawer'
 export { default as dropdownMenu } from './dropdown-menu'
+export { default as empty } from './empty'
 export { default as error } from './error'
 export { default as fieldGroup } from './field-group'
 export { default as fileUpload } from './file-upload'

package/.nuxt/ui/input-menu.ts

@@ -39,13 +39,13 @@ export default {
     "trailingIcon": "shrink-0 text-dimmed",
     "arrow": "fill-default",
     "content": "max-h-60 w-(--reka-combobox-trigger-width) bg-default shadow-lg rounded-md ring ring-default overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-combobox-content-transform-origin) pointer-events-auto flex flex-col",
-    "viewport": "relative divide-y divide-default scroll-py-1 overflow-y-auto flex-1",
+    "viewport": "relative scroll-py-1 overflow-y-auto flex-1",
     "group": "p-1 isolate",
     "empty": "text-center text-muted",
     "label": "font-semibold text-highlighted",
     "separator": "-mx-1 my-1 h-px bg-border",
     "item": [
-      "group relative w-full flex items-center gap-1.5 p-1.5 text-sm select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75 text-default data-highlighted:not-data-disabled:text-highlighted data-highlighted:not-data-disabled:before:bg-elevated/50",
+      "group relative w-full flex items-start gap-1.5 p-1.5 text-sm select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75 text-default data-highlighted:not-data-disabled:text-highlighted data-highlighted:not-data-disabled:before:bg-elevated/50",
       "transition-colors before:transition-colors"
     ],
     "itemLeadingIcon": [
@@ -58,7 +58,9 @@ export default {
     "itemLeadingChipSize": "",
     "itemTrailing": "ms-auto inline-flex gap-1.5 items-center",
     "itemTrailingIcon": "shrink-0",
+    "itemWrapper": "flex-1 flex flex-col min-w-0",
     "itemLabel": "truncate",
+    "itemDescription": "truncate text-muted",
     "tagsItem": "px-1.5 py-0.5 rounded-sm font-medium inline-flex items-center gap-0.5 ring ring-inset ring-accented bg-elevated text-default data-disabled:cursor-not-allowed data-disabled:opacity-75",
     "tagsItemText": "truncate",
     "tagsItemDelete": [
@@ -202,6 +204,14 @@ export default {
     "type": {
       "file": "file:me-1.5 file:font-medium file:text-muted file:outline-none"
     },
+    "virtualize": {
+      "true": {
+        "viewport": "p-1 isolate"
+      },
+      "false": {
+        "viewport": "divide-y divide-default"
+      }
+    },
     "multiple": {
       "true": {
         "root": "flex-wrap"

package/.nuxt/ui/input-number.ts

@@ -92,6 +92,12 @@ export default {
     },
     "highlight": {
       "true": ""
+    },
+    "increment": {
+      "false": ""
+    },
+    "decrement": {
+      "false": ""
     }
   },
   "compoundVariants": [
@@ -188,51 +194,56 @@ export default {
     },
     {
       "orientation": "horizontal" as typeof orientation[number],
+      "decrement": false,
+      "class": "text-start"
+    },
+    {
+      "decrement": true,
       "size": "xs" as typeof size[number],
-      "class": "px-7"
+      "class": "ps-7"
     },
     {
-      "orientation": "horizontal" as typeof orientation[number],
+      "decrement": true,
       "size": "sm" as typeof size[number],
-      "class": "px-8"
+      "class": "ps-8"
     },
     {
-      "orientation": "horizontal" as typeof orientation[number],
+      "decrement": true,
       "size": "md" as typeof size[number],
-      "class": "px-9"
+      "class": "ps-9"
     },
     {
-      "orientation": "horizontal" as typeof orientation[number],
+      "decrement": true,
       "size": "lg" as typeof size[number],
-      "class": "px-10"
+      "class": "ps-10"
     },
     {
-      "orientation": "horizontal" as typeof orientation[number],
+      "decrement": true,
       "size": "xl" as typeof size[number],
-      "class": "px-11"
+      "class": "ps-11"
     },
     {
-      "orientation": "vertical" as typeof orientation[number],
+      "increment": true,
       "size": "xs" as typeof size[number],
       "class": "pe-7"
     },
     {
-      "orientation": "vertical" as typeof orientation[number],
+      "increment": true,
       "size": "sm" as typeof size[number],
       "class": "pe-8"
     },
     {
-      "orientation": "vertical" as typeof orientation[number],
+      "increment": true,
       "size": "md" as typeof size[number],
       "class": "pe-9"
     },
     {
-      "orientation": "vertical" as typeof orientation[number],
+      "increment": true,
       "size": "lg" as typeof size[number],
       "class": "pe-10"
     },
     {
-      "orientation": "vertical" as typeof orientation[number],
+      "increment": true,
       "size": "xl" as typeof size[number],
       "class": "pe-11"
     }

package/.nuxt/ui/kbd.ts

@@ -22,7 +22,7 @@ const size = [
 ] as const
 
 export default {
-  "base": "inline-flex items-center justify-center px-1 rounded-sm font-medium font-sans",
+  "base": "inline-flex items-center justify-center px-1 rounded-sm font-medium font-sans uppercase",
   "variants": {
     "color": {
       "primary": "",

package/.nuxt/ui/prose/code-tree.ts

@@ -9,7 +9,7 @@ export default {
     "linkLeadingIcon": "size-4 shrink-0",
     "linkLabel": "truncate",
     "linkTrailing": "ms-auto inline-flex gap-1.5 items-center",
-    "linkTrailingIcon": "size-5 transform transition-transform duration-200 shrink-0 group-data-[expanded=true]:rotate-180",
+    "linkTrailingIcon": "size-5 transform transition-transform duration-200 shrink-0 group-data-expanded:rotate-180",
     "content": "overflow-hidden lg:col-span-2 flex flex-col [&>div]:my-0 [&>div]:flex-1 [&>div]:flex [&>div]:flex-col [&>div>div]:border-0 [&>div>pre]:border-b-0 [&>div>pre]:border-s-0 [&>div>pre]:border-e-0 [&>div>pre]:rounded-l-none [&>div>pre]:flex-1 [&>div]:overflow-y-auto"
   },
   "variants": {

package/.nuxt/ui/prose/img.ts

@@ -2,7 +2,8 @@ export default {
   "slots": {
     "base": "rounded-md w-full",
     "overlay": "fixed inset-0 bg-default/75 backdrop-blur-sm will-change-opacity",
-    "content": "fixed inset-0 flex items-center justify-center cursor-zoom-out focus:outline-none p-4 sm:p-8"
+    "content": "fixed inset-0 flex items-center justify-center cursor-zoom-out focus:outline-none",
+    "zoomedImage": "w-full h-auto max-w-[95vw] max-h-[95vh] object-contain rounded-md"
   },
   "variants": {
     "zoom": {