@nuxt/ui 4.5.1 → 4.6.1

package/dist/shared/{ui.DI_ypO2T.mjs → ui.DJUbBpE2.mjs}

@@ -90,6 +90,7 @@ const defaultOptions = {
     },
     prefix: void 0
   },
+  prose: false,
   mdc: false,
   content: false
 };
@@ -1235,6 +1236,7 @@ const chatMessage = (options) => ({
     leadingIcon: "shrink-0",
     leadingAvatar: "shrink-0",
     leadingAvatarSize: "",
+    files: "flex items-center gap-1.5 mb-1.5",
     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", options.theme.transitions && "transition-opacity"]
   },
@@ -1257,11 +1259,10 @@ const chatMessage = (options) => ({
       }
     },
     side: {
-      left: {
-        container: "rtl:justify-end"
-      },
+      left: {},
       right: {
-        container: "ltr:justify-end ms-auto max-w-[75%]"
+        container: "justify-end ms-auto max-w-[75%]",
+        files: "justify-end"
       }
     },
     leading: {
@@ -1274,12 +1275,14 @@ const chatMessage = (options) => ({
       true: {
         root: "scroll-mt-3",
         container: "gap-1.5 pb-3",
+        content: "space-y-2",
         leadingIcon: "size-5",
         leadingAvatarSize: "2xs"
       },
       false: {
         root: "scroll-mt-4 sm:scroll-mt-6",
         container: "gap-3 pb-8",
+        content: "space-y-4",
         leadingIcon: "size-8",
         leadingAvatarSize: "md"
       }
@@ -1390,6 +1393,86 @@ const chatPromptSubmit = {
   }
 };
 
+const chatReasoning = (options) => ({
+  slots: {
+    root: "",
+    trigger: ["group flex w-full items-center gap-1.5 text-muted text-sm disabled:cursor-default disabled:hover:text-muted hover:text-default focus-visible:outline-offset-2 focus-visible:outline-primary min-w-0", options.theme.transitions && "transition-colors"],
+    leading: "relative size-4 shrink-0",
+    leadingIcon: "size-4 shrink-0",
+    chevronIcon: "size-4 shrink-0 group-data-[state=open]:rotate-180 transition-transform duration-200",
+    label: "truncate",
+    trailingIcon: "size-4 shrink-0 group-data-[state=open]:rotate-180 transition-transform duration-200",
+    content: "data-[state=open]:animate-[collapsible-down_200ms_ease-out] data-[state=closed]:animate-[collapsible-up_200ms_ease-out] overflow-hidden",
+    body: "max-h-[200px] pt-2 overflow-y-auto text-sm text-dimmed whitespace-pre-wrap"
+  },
+  variants: {
+    chevron: {
+      leading: {
+        leadingIcon: "group-hover:opacity-0"
+      },
+      trailing: ""
+    },
+    alone: {
+      false: {
+        leadingIcon: ["absolute inset-0 group-data-[state=open]:opacity-0", options.theme.transitions && "transition-opacity duration-200"],
+        chevronIcon: ["absolute inset-0 opacity-0 group-hover:opacity-100 group-data-[state=open]:opacity-100", options.theme.transitions && "transition-[rotate,opacity] duration-200"]
+      }
+    }
+  }
+});
+
+const chatShimmer = {
+  base: "text-transparent bg-clip-text bg-no-repeat bg-size-[calc(200%+var(--spread)*2+2px)_100%,auto] bg-[image:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--ui-text-highlighted),#0000_calc(50%+var(--spread))),linear-gradient(var(--ui-text-muted),var(--ui-text-muted))] animate-[shimmer_var(--duration)_linear_infinite] rtl:animate-[shimmer-rtl_var(--duration)_linear_infinite] will-change-[background-position]"
+};
+
+const chatTool = (options) => ({
+  slots: {
+    root: "",
+    trigger: ["group flex w-full items-center gap-1.5 text-muted text-sm disabled:cursor-default disabled:hover:text-muted hover:text-default focus-visible:outline-offset-2 focus-visible:outline-primary min-w-0", options.theme.transitions && "transition-colors"],
+    leading: "relative size-4 shrink-0",
+    leadingIcon: "size-4 shrink-0",
+    chevronIcon: "size-4 shrink-0 group-data-[state=open]:rotate-180 transition-transform duration-200",
+    label: "truncate",
+    suffix: "text-dimmed ms-1",
+    trailingIcon: "size-4 shrink-0 group-data-[state=open]:rotate-180 transition-transform duration-200",
+    content: "data-[state=open]:animate-[collapsible-down_200ms_ease-out] data-[state=closed]:animate-[collapsible-up_200ms_ease-out] overflow-hidden",
+    body: "text-sm text-dimmed whitespace-pre-wrap"
+  },
+  variants: {
+    variant: {
+      inline: {
+        body: "pt-2"
+      },
+      card: {
+        root: "rounded-md ring ring-default overflow-hidden",
+        trigger: "px-2 py-1",
+        trailingIcon: "ms-auto",
+        body: "border-t border-default p-2 max-h-[200px] overflow-y-auto"
+      }
+    },
+    chevron: {
+      leading: {
+        leadingIcon: "group-hover:opacity-0"
+      },
+      trailing: ""
+    },
+    loading: {
+      true: {
+        leadingIcon: "animate-spin"
+      }
+    },
+    alone: {
+      false: {
+        leadingIcon: ["absolute inset-0 group-data-[state=open]:opacity-0", options.theme.transitions && "transition-opacity duration-200"],
+        chevronIcon: ["absolute inset-0 opacity-0 group-hover:opacity-100 group-data-[state=open]:opacity-100", options.theme.transitions && "transition-[rotate,opacity] duration-200"]
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "inline"
+  }
+});
+
 const checkbox = (options) => ({
   slots: {
     root: "relative flex items-start",
@@ -2262,6 +2345,8 @@ const drawer = (options) => ({
 const dropdownMenu = (options) => ({
   slots: {
     content: "min-w-32 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-dropdown-menu-content-transform-origin) flex flex-col",
+    input: "border-b border-default",
+    empty: "text-center text-muted",
     viewport: "relative divide-y divide-default scroll-py-1 overflow-y-auto flex-1",
     arrow: "fill-bg stroke-default",
     group: "p-1 isolate",
@@ -2304,6 +2389,7 @@ const dropdownMenu = (options) => ({
       xs: {
         label: "p-1 text-xs gap-1",
         item: "p-1 text-xs gap-1",
+        empty: "p-2 text-xs",
         itemLeadingIcon: "size-4",
         itemLeadingAvatarSize: "3xs",
         itemTrailingIcon: "size-4",
@@ -2313,6 +2399,7 @@ const dropdownMenu = (options) => ({
       sm: {
         label: "p-1.5 text-xs gap-1.5",
         item: "p-1.5 text-xs gap-1.5",
+        empty: "p-2.5 text-xs",
         itemLeadingIcon: "size-4",
         itemLeadingAvatarSize: "3xs",
         itemTrailingIcon: "size-4",
@@ -2322,6 +2409,7 @@ const dropdownMenu = (options) => ({
       md: {
         label: "p-1.5 text-sm gap-1.5",
         item: "p-1.5 text-sm gap-1.5",
+        empty: "p-2.5 text-sm",
         itemLeadingIcon: "size-5",
         itemLeadingAvatarSize: "2xs",
         itemTrailingIcon: "size-5",
@@ -2331,6 +2419,7 @@ const dropdownMenu = (options) => ({
       lg: {
         label: "p-2 text-sm gap-2",
         item: "p-2 text-sm gap-2",
+        empty: "p-3 text-sm",
         itemLeadingIcon: "size-5",
         itemLeadingAvatarSize: "2xs",
         itemTrailingIcon: "size-5",
@@ -2340,6 +2429,7 @@ const dropdownMenu = (options) => ({
       xl: {
         label: "p-2 text-base gap-2",
         item: "p-2 text-base gap-2",
+        empty: "p-3 text-base",
         itemLeadingIcon: "size-6",
         itemLeadingAvatarSize: "xs",
         itemTrailingIcon: "size-6",
@@ -3206,7 +3296,7 @@ const inputMenu = (options) => {
           itemTrailingIcon: "size-4",
           tagsItem: "text-[10px]/3",
           tagsItemDeleteIcon: "size-3",
-          empty: "p-1 text-xs"
+          empty: "p-2 text-xs"
         },
         sm: {
           label: "p-1.5 text-[10px]/3 gap-1.5",
@@ -3218,7 +3308,7 @@ const inputMenu = (options) => {
           itemTrailingIcon: "size-4",
           tagsItem: "text-[10px]/3",
           tagsItemDeleteIcon: "size-3",
-          empty: "p-1.5 text-xs"
+          empty: "p-2.5 text-xs"
         },
         md: {
           label: "p-1.5 text-xs gap-1.5",
@@ -3230,7 +3320,7 @@ const inputMenu = (options) => {
           itemTrailingIcon: "size-5",
           tagsItem: "text-xs",
           tagsItemDeleteIcon: "size-3.5",
-          empty: "p-1.5 text-sm"
+          empty: "p-2.5 text-sm"
         },
         lg: {
           label: "p-2 text-xs gap-2",
@@ -3242,7 +3332,7 @@ const inputMenu = (options) => {
           itemTrailingIcon: "size-5",
           tagsItem: "text-xs",
           tagsItemDeleteIcon: "size-3.5",
-          empty: "p-2 text-sm"
+          empty: "p-3 text-sm"
         },
         xl: {
           label: "p-2 text-sm gap-2",
@@ -3254,7 +3344,7 @@ const inputMenu = (options) => {
           itemTrailingIcon: "size-6",
           tagsItem: "text-sm",
           tagsItemDeleteIcon: "size-4",
-          empty: "p-2 text-base"
+          empty: "p-3 text-base"
         }
       }
     },
@@ -3473,7 +3563,8 @@ const inputTime = (options) => {
     slots: {
       root: () => void 0,
       base: () => ["group relative inline-flex items-center rounded-md select-none", options.theme.transitions && "transition-colors"],
-      segment: ["rounded text-center outline-hidden data-placeholder:text-dimmed data-[segment=literal]:text-muted data-invalid:text-error data-disabled:cursor-not-allowed data-disabled:opacity-75", options.theme.transitions && "transition-colors"]
+      segment: ["rounded text-center outline-hidden data-placeholder:text-dimmed data-[segment=literal]:text-muted data-invalid:text-error data-disabled:cursor-not-allowed data-disabled:opacity-75", options.theme.transitions && "transition-colors"],
+      separatorIcon: "shrink-0 size-4 text-muted"
     },
     variants: {
       ...fieldGroupVariant,
@@ -3671,7 +3762,7 @@ const modal = {
   slots: {
     overlay: "fixed inset-0",
     content: "bg-default divide-y divide-default flex flex-col focus:outline-none",
-    header: "flex items-center gap-1.5 p-4 sm:px-6 min-h-16",
+    header: "flex items-center gap-1.5 p-4 sm:px-6 min-h-(--ui-header-height)",
     wrapper: "",
     body: "flex-1 p-4 sm:p-6",
     footer: "flex items-center gap-1.5 p-4 sm:px-6",
@@ -3753,10 +3844,10 @@ const navigationMenu = (options) => ({
     childLinkDescription: "text-muted",
     separator: "px-2 h-px bg-border",
     viewportWrapper: "absolute top-full left-0 flex w-full",
-    viewport: "relative overflow-hidden bg-default shadow-lg rounded-md ring ring-default h-(--reka-navigation-menu-viewport-height) w-full transition-[width,height,left] duration-200 origin-[top_center] data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] z-[1]",
+    viewport: "relative overflow-hidden bg-default shadow-lg rounded-md ring ring-default h-(--reka-navigation-menu-viewport-height) w-full transition-[width,height,left,right] duration-200 origin-[top_center] data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] z-1",
     content: "",
-    indicator: "absolute data-[state=visible]:animate-[fade-in_100ms_ease-out] data-[state=hidden]:animate-[fade-out_100ms_ease-in] data-[state=hidden]:opacity-0 bottom-0 z-[2] w-(--reka-navigation-menu-indicator-size) translate-x-(--reka-navigation-menu-indicator-position) flex h-2.5 items-end justify-center overflow-hidden transition-[translate,width] duration-200",
-    arrow: "relative top-[50%] size-2.5 rotate-45 border border-default bg-default z-[1] rounded-xs"
+    indicator: "absolute left-0 data-[state=visible]:animate-[fade-in_100ms_ease-out] data-[state=hidden]:animate-[fade-out_100ms_ease-in] data-[state=hidden]:opacity-0 bottom-0 z-2 w-(--reka-navigation-menu-indicator-size) translate-x-(--reka-navigation-menu-indicator-position) flex h-2.5 items-end justify-center overflow-hidden transition-[translate,width] duration-200",
+    arrow: "relative top-[50%] size-2.5 rotate-45 border border-default bg-default z-1 rounded-xs"
   },
   variants: {
     color: {
@@ -3801,7 +3892,7 @@ const navigationMenu = (options) => ({
         content: "data-[motion=from-start]:animate-[enter-from-left_200ms_ease] data-[motion=from-end]:animate-[enter-from-right_200ms_ease] data-[motion=to-start]:animate-[exit-to-left_200ms_ease] data-[motion=to-end]:animate-[exit-to-right_200ms_ease]"
       },
       vertical: {
-        viewport: "sm:w-(--reka-navigation-menu-viewport-width) left-(--reka-navigation-menu-viewport-left)"
+        viewport: "sm:w-(--reka-navigation-menu-viewport-width) left-(--reka-navigation-menu-viewport-left) rtl:left-auto rtl:right-[calc(100%-var(--reka-navigation-menu-viewport-left)-var(--reka-navigation-menu-viewport-width))]"
       }
     },
     active: {
@@ -5230,7 +5321,7 @@ const select = (options) => {
           itemLeadingChip: "size-4",
           itemLeadingChipSize: "sm",
           itemTrailingIcon: "size-4",
-          empty: "p-1 text-xs"
+          empty: "p-2 text-xs"
         },
         sm: {
           base: "px-2.5 py-1.5 text-xs gap-1.5",
@@ -5241,7 +5332,7 @@ const select = (options) => {
           itemLeadingChip: "size-4",
           itemLeadingChipSize: "sm",
           itemTrailingIcon: "size-4",
-          empty: "p-1.5 text-xs"
+          empty: "p-2.5 text-xs"
         },
         md: {
           base: "px-2.5 py-1.5 text-sm gap-1.5",
@@ -5252,7 +5343,7 @@ const select = (options) => {
           itemLeadingChip: "size-5",
           itemLeadingChipSize: "md",
           itemTrailingIcon: "size-5",
-          empty: "p-1.5 text-sm"
+          empty: "p-2.5 text-sm"
         },
         lg: {
           base: "px-3 py-2 text-sm gap-2",
@@ -5263,7 +5354,7 @@ const select = (options) => {
           itemLeadingChip: "size-5",
           itemLeadingChipSize: "md",
           itemTrailingIcon: "size-5",
-          empty: "p-2 text-sm"
+          empty: "p-3 text-sm"
         },
         xl: {
           base: "px-3 py-2 text-base gap-2",
@@ -5274,7 +5365,7 @@ const select = (options) => {
           itemLeadingChip: "size-6",
           itemLeadingChipSize: "lg",
           itemTrailingIcon: "size-6",
-          empty: "p-2 text-base"
+          empty: "p-3 text-base"
         }
       }
     },
@@ -5411,6 +5502,133 @@ const separator = (options) => ({
   }
 });
 
+const sidebar = (options) => ({
+  slots: {
+    root: "peer [--sidebar-width:16rem] [--sidebar-width-icon:4rem]",
+    gap: "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",
+    container: "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear lg:flex",
+    inner: "flex size-full flex-col overflow-hidden divide-y divide-default",
+    header: "flex items-center gap-1.5 overflow-hidden px-4 min-h-(--ui-header-height)",
+    wrapper: "min-w-0 flex-1",
+    title: "text-highlighted font-semibold truncate",
+    description: "text-muted text-sm truncate",
+    actions: "flex items-center gap-1.5 shrink-0",
+    close: "",
+    body: "flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto p-4",
+    footer: "flex items-center gap-1.5 overflow-hidden p-4",
+    rail: ["absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-px lg:flex hover:after:bg-(--ui-border-accented)", options.theme.transitions && "after:transition-colors"]
+  },
+  variants: {
+    side: {
+      left: {
+        container: "left-0 border-e border-default",
+        rail: "end-0 translate-x-1/2"
+      },
+      right: {
+        container: "right-0 border-s border-default",
+        rail: "-start-px -translate-x-1/2"
+      }
+    },
+    collapsible: {
+      offcanvas: {
+        root: "group/sidebar hidden lg:block",
+        gap: "data-[state=collapsed]:w-0"
+      },
+      icon: {
+        root: "group/sidebar hidden lg:block",
+        gap: "data-[state=collapsed]:w-(--sidebar-width-icon)",
+        container: "data-[state=collapsed]:w-(--sidebar-width-icon)",
+        actions: "group-data-[state=collapsed]/sidebar:hidden",
+        body: "group-data-[state=collapsed]/sidebar:overflow-hidden"
+      },
+      none: {
+        root: "h-full w-(--sidebar-width)"
+      }
+    },
+    variant: {
+      sidebar: {},
+      floating: {
+        container: "p-4 border-transparent",
+        inner: "rounded-lg ring ring-default shadow-lg",
+        rail: "inset-y-4"
+      },
+      inset: {
+        container: "py-4 border-transparent",
+        inner: "divide-transparent",
+        rail: "inset-y-4"
+      }
+    }
+  },
+  compoundVariants: [{
+    side: "left",
+    collapsible: ["offcanvas", "icon"],
+    class: {
+      rail: "cursor-w-resize data-[state=collapsed]:cursor-e-resize"
+    }
+  }, {
+    side: "right",
+    collapsible: ["offcanvas", "icon"],
+    class: {
+      rail: "cursor-e-resize data-[state=collapsed]:cursor-w-resize"
+    }
+  }, {
+    side: "left",
+    collapsible: "none",
+    class: {
+      root: "border-e border-default"
+    }
+  }, {
+    side: "right",
+    collapsible: "none",
+    class: {
+      root: "border-s border-default"
+    }
+  }, {
+    side: "left",
+    collapsible: "offcanvas",
+    class: {
+      container: "data-[state=collapsed]:-left-(--sidebar-width)"
+    }
+  }, {
+    side: "right",
+    collapsible: "offcanvas",
+    class: {
+      container: "data-[state=collapsed]:-right-(--sidebar-width)"
+    }
+  }, {
+    variant: "floating",
+    collapsible: "icon",
+    class: {
+      gap: "data-[state=collapsed]:w-[calc(var(--sidebar-width-icon)+--spacing(8))]",
+      container: "data-[state=collapsed]:w-[calc(var(--sidebar-width-icon)+--spacing(8)+2px)]"
+    }
+  }, {
+    variant: "floating",
+    collapsible: "none",
+    class: {
+      root: "p-4 border-0"
+    }
+  }, {
+    variant: "inset",
+    collapsible: "none",
+    class: {
+      root: "py-4 border-0"
+    }
+  }, {
+    variant: "floating",
+    side: "left",
+    class: {
+      rail: "end-4"
+    }
+  }, {
+    variant: "floating",
+    side: "right",
+    class: {
+      rail: "start-[calc(--spacing(4)-1px)]"
+    }
+  }]
+});
+
 const skeleton = {
   base: "animate-pulse rounded-md bg-elevated"
 };
@@ -5419,7 +5637,7 @@ const slideover = {
   slots: {
     overlay: "fixed inset-0 bg-elevated/75",
     content: "fixed bg-default divide-y divide-default sm:ring ring-default sm:shadow-lg flex flex-col focus:outline-none",
-    header: "flex items-center gap-1.5 p-4 sm:px-6 min-h-16",
+    header: "flex items-center gap-1.5 p-4 sm:px-6 min-h-(--ui-header-height)",
     wrapper: "",
     body: "flex-1 overflow-y-auto p-4 sm:p-6",
     footer: "flex items-center gap-1.5 p-4 sm:px-6",
@@ -6630,6 +6848,9 @@ const theme = {
   chatPalette: chatPalette,
   chatPrompt: chatPrompt,
   chatPromptSubmit: chatPromptSubmit,
+  chatReasoning: chatReasoning,
+  chatShimmer: chatShimmer,
+  chatTool: chatTool,
   checkbox: checkbox,
   checkboxGroup: checkboxGroup,
   chip: chip,
@@ -6704,6 +6925,7 @@ const theme = {
   select: select,
   selectMenu: selectMenu,
   separator: separator,
+  sidebar: sidebar,
   skeleton: skeleton,
   slideover: slideover,
   slider: slider,
@@ -7104,7 +7326,7 @@ const pre = {
     filename: "text-default text-sm/6",
     icon: "size-4 shrink-0",
     copy: "absolute top-[11px] right-[11px] lg:opacity-0 lg:group-hover:opacity-100 transition",
-    base: "group font-mono text-sm/6 border border-muted bg-muted rounded-md px-4 py-3 whitespace-pre-wrap break-words overflow-x-auto focus:outline-none"
+    base: "group font-mono text-sm/6 border border-muted bg-muted rounded-md px-4 py-3 whitespace-pre-wrap break-words overflow-x-auto focus:outline-none **:[.line]:block **:[.line.highlight]:-mx-4 **:[.line.highlight]:px-4 **:[.line.highlight]:bg-accented/50!"
   },
   variants: {
     filename: {
@@ -7448,7 +7670,7 @@ const contentSurround = (options) => ({
         linkLeadingIcon: [options.theme.transitions && "group-active:-translate-x-0.5"]
       },
       right: {
-        link: "text-right",
+        link: "text-end",
         linkLeadingIcon: [options.theme.transitions && "group-active:translate-x-0.5"]
       }
     }
@@ -7457,7 +7679,7 @@ const contentSurround = (options) => ({
 
 const contentToc = (options) => ({
   slots: {
-    root: "sticky top-(--ui-header-height) z-10 bg-default/75 lg:bg-[initial] backdrop-blur -mx-4 px-4 sm:px-6 sm:-mx-6 overflow-y-auto max-h-[calc(100vh-var(--ui-header-height))]",
+    root: "sticky top-(--ui-header-height) z-10 bg-default/75 lg:bg-[initial] backdrop-blur -mx-4 px-4 sm:px-6 sm:-mx-6 lg:ms-0 overflow-y-auto max-h-[calc(100vh-var(--ui-header-height))]",
     container: "pt-4 sm:pt-6 pb-2.5 sm:pb-4.5 lg:py-8 border-b border-dashed border-default lg:border-0 flex flex-col",
     top: "",
     bottom: "hidden lg:flex lg:flex-col gap-6",
@@ -7472,7 +7694,9 @@ const contentToc = (options) => ({
     itemWithChildren: "",
     link: "group relative text-sm flex items-center focus-visible:outline-primary py-1",
     linkText: "truncate",
-    indicator: "absolute ms-2.5 transition-[translate,height] duration-200 h-(--indicator-size) translate-y-(--indicator-position) w-px rounded-full"
+    indicator: "",
+    indicatorLine: "",
+    indicatorActive: ""
   },
   variants: {
     color: {
@@ -7481,10 +7705,10 @@ const contentToc = (options) => ({
     },
     highlightColor: {
       ...Object.fromEntries((options.theme.colors || []).map((color) => [color, {
-        indicator: `bg-${color}`
+        indicatorActive: `bg-${color}`
       }])),
       neutral: {
-        indicator: "bg-inverted"
+        indicatorActive: "bg-inverted"
       }
     },
     active: {
@@ -7493,10 +7717,11 @@ const contentToc = (options) => ({
       }
     },
     highlight: {
-      true: {
-        list: "ms-2.5 ps-4 border-s border-default",
-        item: "-ms-px"
-      }
+      true: ""
+    },
+    highlightVariant: {
+      straight: "",
+      circuit: ""
     },
     body: {
       true: {
@@ -7508,20 +7733,40 @@ const contentToc = (options) => ({
     color,
     active: true,
     class: {
-      link: `text-${color}`,
-      linkLeadingIcon: `text-${color}`
+      link: `text-${color}`
     }
   })), {
     color: "neutral",
     active: true,
     class: {
-      link: "text-highlighted",
-      linkLeadingIcon: "text-highlighted"
+      link: "text-highlighted"
+    }
+  }, {
+    highlight: true,
+    highlightVariant: "straight",
+    class: {
+      list: "ms-2.5 ps-4 border-s border-default",
+      item: "-ms-px",
+      indicator: "absolute ms-2.5 transition-[translate,height] duration-200 h-(--indicator-size) translate-y-(--indicator-position) w-px rounded-full",
+      indicatorLine: "hidden",
+      indicatorActive: "w-full h-full"
+    }
+  }, {
+    highlight: true,
+    highlightVariant: "circuit",
+    class: {
+      list: "ps-6.5",
+      item: "-ms-px",
+      itemWithChildren: "ps-px",
+      indicator: "absolute ms-2.5 start-0 top-0 rtl:-scale-x-100",
+      indicatorLine: "absolute inset-0 bg-(--ui-border)",
+      indicatorActive: "absolute w-full h-(--indicator-size) translate-y-(--indicator-position) transition-[translate,height] duration-200 ease-out"
     }
   }],
   defaultVariants: {
     color: "primary",
-    highlightColor: "primary"
+    highlightColor: "primary",
+    highlightVariant: "straight"
   }
 });
 
@@ -7575,7 +7820,7 @@ function getTemplates(options, uiConfig, nuxt, resolve) {
       });
     }
   }
-  if (!!nuxt && (hasNuxtModule("@nuxtjs/mdc") || options.mdc || (hasNuxtModule("@nuxt/content") || options.content))) {
+  if (options.prose || options.mdc || options.content || !!nuxt && (hasNuxtModule("@nuxtjs/mdc") || hasNuxtModule("@nuxt/content"))) {
     hasProse = true;
     const path = "prose";
     writeThemeTemplate(themeProse, path);
@@ -7585,7 +7830,7 @@ function getTemplates(options, uiConfig, nuxt, resolve) {
       getContents: () => Object.keys(themeProse).map((component) => `export { default as ${component} } from './${kebabCase(component)}'`).join("\n")
     });
   }
-  if (!!nuxt && (hasNuxtModule("@nuxt/content") || options.content)) {
+  if (options.content || !!nuxt && hasNuxtModule("@nuxt/content")) {
     hasContent = true;
     writeThemeTemplate(themeContent, "content");
   }
@@ -7813,4 +8058,18 @@ function addTemplates(options, nuxt, resolve) {
   }
 }
 
-export { getDefaultConfig as a, addTemplates as b, defaultOptions as d, getTemplates as g, resolveColors as r };
+const publicComposables = {
+  defineLocale: ["defineLocale", "extendLocale"],
+  defineShortcuts: ["defineShortcuts", "extractShortcuts"],
+  useContentSearch: ["useContentSearch"],
+  useFileUpload: ["useFileUpload"],
+  useFormField: ["useFormField"],
+  useKbd: ["useKbd"],
+  useOverlay: ["useOverlay"],
+  useResizable: ["useResizable"],
+  useScrollShadow: ["useScrollShadow"],
+  useScrollspy: ["useScrollspy"],
+  useToast: ["useToast"]
+};
+
+export { getDefaultConfig as a, addTemplates as b, defaultOptions as d, getTemplates as g, publicComposables as p, resolveColors as r };

package/dist/unplugin.d.mts

@@ -2,6 +2,7 @@ import * as unplugin from 'unplugin';
 import { Options } from 'unplugin-auto-import/types';
 import { Options as Options$1 } from 'unplugin-vue-components/types';
 import colors from 'tailwindcss/colors';
+import { RuntimeOptions } from '@nuxt/icon';
 import * as ui from '#build/ui';
 import { ModuleOptions } from './module.mjs';
 import { TVConfig } from '../dist/runtime/types/tv.js';
@@ -62,29 +63,37 @@ type AppConfigUI = {
     icons?: Partial<typeof _default>;
     prefix?: string;
 } & TVConfig<typeof ui>;
-interface NuxtUIOptions extends Omit<ModuleOptions, 'fonts' | 'colorMode'> {
+interface NuxtUIOptions extends Omit<ModuleOptions, 'fonts' | 'colorMode' | 'content' | 'experimental'> {
     /** Whether to generate declaration files for auto-imported components. */
     dts?: boolean;
     ui?: AppConfigUI;
+    /**
+     * Default props for the `Icon` component
+     */
+    icon?: Pick<RuntimeOptions, 'customize' | 'size' | 'mode'>;
     /**
      * Enable or disable `@vueuse/core` color-mode integration
      * @defaultValue `true`
+     * @see https://ui.nuxt.com/docs/getting-started/installation/vue#colormode
      */
     colorMode?: boolean;
     /**
-     * Override options for `unplugin-auto-import`
+     * Override options for `unplugin-auto-import`, or `false` to disable composable auto-imports
+     * @see https://ui.nuxt.com/docs/getting-started/installation/vue#autoimport
      */
-    autoImport?: Partial<Options>;
+    autoImport?: false | Partial<Options>;
     /**
-     * Override options for `unplugin-vue-components`
+     * Override options for `unplugin-vue-components`, or `false` to disable component auto-imports
+     * @see https://ui.nuxt.com/docs/getting-started/installation/vue#components
      */
-    components?: Partial<Options$1>;
+    components?: false | Partial<Options$1>;
     /**
      * Router integration mode
      * - `true` (default): Use vue-router integration
      * - `false`: Disable routing, use anchor tags
      * - `'inertia'`: Use Inertia.js compatibility layer
      * @defaultValue `true`
+     * @see https://ui.nuxt.com/docs/getting-started/installation/vue#router
      */
     router?: boolean | 'inertia';
     /**
@@ -94,6 +103,7 @@ interface NuxtUIOptions extends Omit<ModuleOptions, 'fonts' | 'colorMode'> {
     inertia?: boolean;
     /**
      * Additional packages to scan for components using Nuxt UI
+     * @see https://ui.nuxt.com/docs/getting-started/installation/vue#scanpackages
      */
     scanPackages?: string[];
 }