@nuxt/ui 4.8.0 → 4.8.2

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxt/ui",
-  "version": "4.8.0",
+  "version": "4.8.2",
   "docs": "https://ui.nuxt.com/docs/getting-started/installation/nuxt",
   "configKey": "ui",
   "compatibility": {

package/dist/module.mjs

@@ -1,6 +1,6 @@
 import { defu } from 'defu';
 import { defineNuxtModule, createResolver, addPlugin, hasNuxtModule, addComponentsDir, addImportsDir, addImports } from '@nuxt/kit';
-import { d as defaultOptions, r as resolveColors, g as getDefaultConfig, p as publicComposables, a as addTemplates } from './shared/ui.CoJ8bnb0.mjs';
+import { d as defaultOptions, r as resolveColors, g as getDefaultConfig, p as publicComposables, a as addTemplates } from './shared/ui.C-lVg1QQ.mjs';
 import '../dist/runtime/utils/index.js';
 import 'node:url';
 import 'scule';
@@ -11,7 +11,7 @@ import 'pathe';
 import 'tinyglobby';
 
 const name = "@nuxt/ui";
-const version = "4.8.0";
+const version = "4.8.2";
 
 const module$1 = defineNuxtModule({
   meta: {

package/dist/runtime/components/Calendar.d.vue.ts

@@ -8,8 +8,8 @@ import type { ComponentConfig } from '../types/tv';
 type Calendar = ComponentConfig<typeof theme, AppConfig, 'calendar'>;
 type CalendarDefaultValue<R extends boolean = false, M extends boolean = false> = R extends true ? DateRange : M extends true ? DateValue[] : DateValue;
 type CalendarModelValue<R extends boolean = false, M extends boolean = false> = R extends true ? (DateRange | null) : M extends true ? (DateValue[] | undefined) : (DateValue | undefined);
-type _CalendarRootProps = Omit<CalendarRootProps, 'as' | 'asChild' | 'modelValue' | 'defaultValue' | 'dir' | 'locale' | 'calendarLabel' | 'multiple'>;
-type _RangeCalendarRootProps = Omit<RangeCalendarRootProps, 'as' | 'asChild' | 'modelValue' | 'defaultValue' | 'dir' | 'locale' | 'calendarLabel' | 'multiple'>;
+type _CalendarRootProps = Omit<CalendarRootProps, 'as' | 'asChild' | 'modelValue' | 'defaultValue' | 'dir' | 'calendarLabel' | 'multiple'>;
+type _RangeCalendarRootProps = Omit<RangeCalendarRootProps, 'as' | 'asChild' | 'modelValue' | 'defaultValue' | 'dir' | 'calendarLabel' | 'multiple'>;
 export interface CalendarProps<R extends boolean = false, M extends boolean = false> extends _RangeCalendarRootProps, _CalendarRootProps {
     /**
      * The element or component this component should render as.

package/dist/runtime/components/Calendar.vue

@@ -47,6 +47,7 @@ const _props = defineProps({
   fixedWeeks: { type: Boolean, required: false, default: true },
   maxValue: { type: Object, required: false },
   minValue: { type: Object, required: false },
+  locale: { type: String, required: false },
   numberOfMonths: { type: Number, required: false },
   disabled: { type: Boolean, required: false },
   readonly: { type: Boolean, required: false },
@@ -146,7 +147,7 @@ const Calendar = computed(() => props.range ? RangeCalendar : SingleCalendar);
               data-slot="cellWeek"
               :class="ui.cellWeek({ class: props.ui?.cellWeek })"
             >
-              {{ getWeekNumber(weekDates[0], locale.code) }}
+              {{ getWeekNumber(weekDates[0], props.locale ?? locale.code) }}
             </td>
             <Calendar.Cell
               v-for="weekDate in weekDates"

package/dist/runtime/components/Calendar.vue.d.ts

@@ -8,8 +8,8 @@ import type { ComponentConfig } from '../types/tv';
 type Calendar = ComponentConfig<typeof theme, AppConfig, 'calendar'>;
 type CalendarDefaultValue<R extends boolean = false, M extends boolean = false> = R extends true ? DateRange : M extends true ? DateValue[] : DateValue;
 type CalendarModelValue<R extends boolean = false, M extends boolean = false> = R extends true ? (DateRange | null) : M extends true ? (DateValue[] | undefined) : (DateValue | undefined);
-type _CalendarRootProps = Omit<CalendarRootProps, 'as' | 'asChild' | 'modelValue' | 'defaultValue' | 'dir' | 'locale' | 'calendarLabel' | 'multiple'>;
-type _RangeCalendarRootProps = Omit<RangeCalendarRootProps, 'as' | 'asChild' | 'modelValue' | 'defaultValue' | 'dir' | 'locale' | 'calendarLabel' | 'multiple'>;
+type _CalendarRootProps = Omit<CalendarRootProps, 'as' | 'asChild' | 'modelValue' | 'defaultValue' | 'dir' | 'calendarLabel' | 'multiple'>;
+type _RangeCalendarRootProps = Omit<RangeCalendarRootProps, 'as' | 'asChild' | 'modelValue' | 'defaultValue' | 'dir' | 'calendarLabel' | 'multiple'>;
 export interface CalendarProps<R extends boolean = false, M extends boolean = false> extends _RangeCalendarRootProps, _CalendarRootProps {
     /**
      * The element or component this component should render as.

package/dist/runtime/components/DashboardSearch.d.vue.ts

@@ -5,7 +5,7 @@ import type { UseFuseOptions } from '@vueuse/integrations/useFuse';
 import type { ButtonProps, ModalProps, CommandPaletteProps, CommandPaletteSlots, CommandPaletteGroup, CommandPaletteItem, LinkPropsKeys } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type DashboardSearch = ComponentConfig<typeof theme, AppConfig, 'dashboardSearch'>;
-export interface DashboardSearchProps<T extends CommandPaletteItem = CommandPaletteItem> extends Pick<ModalProps, 'title' | 'description' | 'overlay' | 'transition' | 'content' | 'dismissible' | 'fullscreen' | 'modal' | 'portal'>, Pick<CommandPaletteProps<CommandPaletteGroup<T>, T>, 'icon' | 'placeholder' | 'autofocus' | 'loading' | 'loadingIcon' | 'closeIcon' | 'groups'> {
+export interface DashboardSearchProps<T extends CommandPaletteItem = CommandPaletteItem> extends Pick<ModalProps, 'title' | 'description' | 'overlay' | 'transition' | 'content' | 'dismissible' | 'fullscreen' | 'modal' | 'portal'>, Pick<CommandPaletteProps<CommandPaletteGroup<T>, T>, 'icon' | 'trailingIcon' | 'selectedIcon' | 'childrenIcon' | 'placeholder' | 'autofocus' | 'loading' | 'loadingIcon' | 'closeIcon' | 'back' | 'backIcon' | 'disabled' | 'highlightOnHover' | 'labelKey' | 'descriptionKey' | 'preserveGroupOrder' | 'virtualize' | 'groups'> {
     /**
      * @defaultValue 'md'
      */

package/dist/runtime/components/DashboardSearch.vue

@@ -33,11 +33,22 @@ const _props = defineProps({
   modal: { type: Boolean, required: false },
   portal: { type: [Boolean, String], required: false, skipCheck: true },
   icon: { type: null, required: false },
+  trailingIcon: { type: null, required: false },
+  selectedIcon: { type: null, required: false },
+  childrenIcon: { type: null, required: false },
   placeholder: { type: String, required: false },
   autofocus: { type: Boolean, required: false },
   loading: { type: Boolean, required: false },
   loadingIcon: { type: null, required: false },
   closeIcon: { type: null, required: false },
+  back: { type: [Boolean, Object], required: false },
+  backIcon: { type: null, required: false },
+  disabled: { type: Boolean, required: false },
+  highlightOnHover: { type: Boolean, required: false },
+  labelKey: { type: null, required: false },
+  descriptionKey: { type: null, required: false },
+  preserveGroupOrder: { type: Boolean, required: false },
+  virtualize: { type: [Boolean, Object], required: false },
   groups: { type: Array, required: false }
 });
 const slots = defineSlots();
@@ -50,7 +61,7 @@ useRuntimeHook("dashboard:search:toggle", () => {
 const { t } = useLocale();
 const colorMode = useColorMode();
 const appConfig = useAppConfig();
-const commandPaletteProps = useForwardProps(reactivePick(props, "size", "icon", "placeholder", "autofocus", "loading", "loadingIcon", "close", "closeIcon", "searchDelay"));
+const commandPaletteProps = useForwardProps(reactivePick(props, "size", "icon", "trailingIcon", "selectedIcon", "childrenIcon", "placeholder", "autofocus", "loading", "loadingIcon", "close", "closeIcon", "back", "backIcon", "disabled", "highlightOnHover", "labelKey", "descriptionKey", "preserveGroupOrder", "virtualize", "searchDelay"));
 const modalProps = useForwardProps(reactivePick(props, "overlay", "transition", "content", "dismissible", "fullscreen", "modal", "portal"));
 const getProxySlots = () => omit(slots, ["content"]);
 const fuse = computed(() => defu({}, props.fuse, {

package/dist/runtime/components/DashboardSearch.vue.d.ts

@@ -5,7 +5,7 @@ import type { UseFuseOptions } from '@vueuse/integrations/useFuse';
 import type { ButtonProps, ModalProps, CommandPaletteProps, CommandPaletteSlots, CommandPaletteGroup, CommandPaletteItem, LinkPropsKeys } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type DashboardSearch = ComponentConfig<typeof theme, AppConfig, 'dashboardSearch'>;
-export interface DashboardSearchProps<T extends CommandPaletteItem = CommandPaletteItem> extends Pick<ModalProps, 'title' | 'description' | 'overlay' | 'transition' | 'content' | 'dismissible' | 'fullscreen' | 'modal' | 'portal'>, Pick<CommandPaletteProps<CommandPaletteGroup<T>, T>, 'icon' | 'placeholder' | 'autofocus' | 'loading' | 'loadingIcon' | 'closeIcon' | 'groups'> {
+export interface DashboardSearchProps<T extends CommandPaletteItem = CommandPaletteItem> extends Pick<ModalProps, 'title' | 'description' | 'overlay' | 'transition' | 'content' | 'dismissible' | 'fullscreen' | 'modal' | 'portal'>, Pick<CommandPaletteProps<CommandPaletteGroup<T>, T>, 'icon' | 'trailingIcon' | 'selectedIcon' | 'childrenIcon' | 'placeholder' | 'autofocus' | 'loading' | 'loadingIcon' | 'closeIcon' | 'back' | 'backIcon' | 'disabled' | 'highlightOnHover' | 'labelKey' | 'descriptionKey' | 'preserveGroupOrder' | 'virtualize' | 'groups'> {
     /**
      * @defaultValue 'md'
      */

package/dist/runtime/components/EditorDragHandle.vue

@@ -27,6 +27,7 @@ const _props = defineProps({
   onElementDragStart: { type: Function, required: false },
   onElementDragEnd: { type: Function, required: false },
   getReferencedVirtualElement: { type: Function, required: false },
+  dragImageProperties: { type: Array, required: false },
   nested: { type: [Boolean, Object], required: false },
   label: { type: String, required: false },
   activeColor: { type: null, required: false },

package/dist/runtime/components/Form.d.vue.ts

@@ -22,10 +22,10 @@ export type FormProps<S extends FormSchema, T extends boolean = true, N extends
     /** Disable all inputs inside the form. */
     disabled?: boolean;
     /**
-     * Path of the form's state within it's parent form.
-     * Used for nesting forms. Only available if `nested` is true.
+     * The `name` attribute of the form element.
+     * For nested forms (`nested` is true), this is also used as the path of the form's state within its parent form.
      */
-    name?: N extends true ? string : never;
+    name?: string;
     /**
      * Delay in milliseconds before validating the form on input events.
      * @defaultValue `300`

package/dist/runtime/components/Form.vue

@@ -20,7 +20,7 @@ const _props = defineProps({
     return ["input", "blur", "change"];
   } },
   disabled: { type: Boolean, required: false },
-  name: { type: null, required: false },
+  name: { type: String, required: false },
   validateOnInputDelay: { type: Number, required: false, default: 300 },
   transform: { type: null, required: false, default: () => true },
   nested: { type: Boolean, required: false },
@@ -293,6 +293,8 @@ defineExpose(api);
     :is="parentBus ? 'div' : 'form'"
     :id="formId"
     ref="formRef"
+    :name="parentBus ? void 0 : props.name"
+    method="post"
     :class="ui({ class: [props.ui?.base, props.class] })"
     @submit.prevent="onSubmitWrapper"
   >

package/dist/runtime/components/Form.vue.d.ts

@@ -22,10 +22,10 @@ export type FormProps<S extends FormSchema, T extends boolean = true, N extends
     /** Disable all inputs inside the form. */
     disabled?: boolean;
     /**
-     * Path of the form's state within it's parent form.
-     * Used for nesting forms. Only available if `nested` is true.
+     * The `name` attribute of the form element.
+     * For nested forms (`nested` is true), this is also used as the path of the form's state within its parent form.
      */
-    name?: N extends true ? string : never;
+    name?: string;
     /**
      * Delay in milliseconds before validating the form on input events.
      * @defaultValue `300`

package/dist/runtime/components/Icon.vue

@@ -5,6 +5,7 @@
 <script setup>
 import { useForwardProps } from "reka-ui";
 import { reactivePick } from "@vueuse/core";
+import NuxtIcon from "@nuxt/icon/runtime/components/index.js";
 const props = defineProps({
   name: { type: null, required: true },
   mode: { type: String, required: false },
@@ -15,6 +16,6 @@ const iconProps = useForwardProps(reactivePick(props, "mode", "size", "customize
 </script>
 
 <template>
-  <Icon v-if="typeof name === 'string'" :name="name" v-bind="iconProps" />
+  <NuxtIcon v-if="typeof name === 'string'" :name="name" v-bind="iconProps" />
   <component :is="name" v-else />
 </template>

package/dist/runtime/components/InputDate.d.vue.ts

@@ -6,8 +6,8 @@ import type { IconProps } from '../types';
 import type { ComponentConfig } from '../types/tv';
 import theme from '#build/ui/input-date';
 type InputDate = ComponentConfig<typeof theme, AppConfig, 'inputDate'>;
-type _DateFieldRootProps = Omit<DateFieldRootProps, 'as' | 'asChild' | 'modelValue' | 'defaultValue' | 'dir' | 'locale'>;
-type _RangeDateFieldRootProps = Omit<DateRangeFieldRootProps, 'as' | 'asChild' | 'modelValue' | 'defaultValue' | 'dir' | 'locale'>;
+type _DateFieldRootProps = Omit<DateFieldRootProps, 'as' | 'asChild' | 'modelValue' | 'defaultValue' | 'dir'>;
+type _RangeDateFieldRootProps = Omit<DateRangeFieldRootProps, 'as' | 'asChild' | 'modelValue' | 'defaultValue' | 'dir'>;
 type InputDateDefaultValue<R extends boolean = false> = R extends true ? DateRangeFieldRootProps['defaultValue'] : DateFieldRootProps['defaultValue'];
 type InputDateModelValue<R extends boolean = false> = (R extends true ? DateRangeFieldRootProps['modelValue'] : DateFieldRootProps['modelValue']) | undefined;
 export interface InputDateProps<R extends boolean = false> extends UseComponentIconsProps, _DateFieldRootProps, _RangeDateFieldRootProps {

package/dist/runtime/components/InputDate.vue

@@ -48,6 +48,7 @@ const _props = defineProps({
   hideTimeZone: { type: Boolean, required: false },
   maxValue: { type: Object, required: false },
   minValue: { type: Object, required: false },
+  locale: { type: String, required: false },
   disabled: { type: Boolean, required: false },
   readonly: { type: Boolean, required: false },
   isDateUnavailable: { type: Function, required: false },

package/dist/runtime/components/InputDate.vue.d.ts

@@ -6,8 +6,8 @@ import type { IconProps } from '../types';
 import type { ComponentConfig } from '../types/tv';
 import theme from '#build/ui/input-date';
 type InputDate = ComponentConfig<typeof theme, AppConfig, 'inputDate'>;
-type _DateFieldRootProps = Omit<DateFieldRootProps, 'as' | 'asChild' | 'modelValue' | 'defaultValue' | 'dir' | 'locale'>;
-type _RangeDateFieldRootProps = Omit<DateRangeFieldRootProps, 'as' | 'asChild' | 'modelValue' | 'defaultValue' | 'dir' | 'locale'>;
+type _DateFieldRootProps = Omit<DateFieldRootProps, 'as' | 'asChild' | 'modelValue' | 'defaultValue' | 'dir'>;
+type _RangeDateFieldRootProps = Omit<DateRangeFieldRootProps, 'as' | 'asChild' | 'modelValue' | 'defaultValue' | 'dir'>;
 type InputDateDefaultValue<R extends boolean = false> = R extends true ? DateRangeFieldRootProps['defaultValue'] : DateFieldRootProps['defaultValue'];
 type InputDateModelValue<R extends boolean = false> = (R extends true ? DateRangeFieldRootProps['modelValue'] : DateFieldRootProps['modelValue']) | undefined;
 export interface InputDateProps<R extends boolean = false> extends UseComponentIconsProps, _DateFieldRootProps, _RangeDateFieldRootProps {

package/dist/runtime/components/InputMenu.vue

@@ -3,7 +3,7 @@ import theme from "#build/ui/input-menu";
 </script>
 
 <script setup>
-import { computed, useTemplateRef, toRef, onMounted, toRaw, nextTick, watch } from "vue";
+import { computed, ref, useTemplateRef, toRef, onMounted, toRaw, nextTick, watch } from "vue";
 import { TagsInputRoot, TagsInputItem, TagsInputItemText, TagsInputItemDelete, TagsInputInput } from "reka-ui";
 import { useForwardProps } from "../composables/useForwardProps";
 import { Combobox, Autocomplete } from "reka-ui/namespaced";
@@ -228,7 +228,9 @@ function onFocus(event) {
   emits("focus", event);
   emitFormFocus();
 }
+const isOpen = ref(false);
 function onUpdateOpen(value) {
+  isOpen.value = value;
   let timeoutId;
   if (!value) {
     const event = new FocusEvent("blur");
@@ -283,6 +285,14 @@ function onClear() {
   emits("clear");
 }
 const viewportRef = useTemplateRef("viewportRef");
+const comboboxRootRef = useTemplateRef("comboboxRootRef");
+watch(() => props.items, async () => {
+  if (!isOpen.value) {
+    return;
+  }
+  await nextTick();
+  comboboxRootRef.value?.highlightFirstItem?.();
+}, { flush: "post" });
 defineExpose({
   inputRef: toRef(() => inputRef.value?.$el),
   viewportRef: toRef(() => viewportRef.value)
@@ -361,6 +371,7 @@ defineExpose({
   </DefineItemTemplate>
 
   <Component.Root
+    ref="comboboxRootRef"
     v-slot="{ modelValue, open }"
     v-bind="rootProps"
     :name="name"

package/dist/runtime/components/InputNumber.d.vue.ts

@@ -11,7 +11,7 @@ type InputNumberValue = number | null;
 type ApplyModifiers<T extends InputNumberValue, Mod extends Pick<ModelModifiers, 'optional'>> = T | (Mod extends {
     optional: true;
 } ? undefined : never);
-export interface InputNumberProps<T extends InputNumberValue = InputNumberValue, Mod extends Pick<ModelModifiers, 'optional'> = Pick<ModelModifiers, 'optional'>> extends Pick<NumberFieldRootProps, 'min' | 'max' | 'step' | 'stepSnapping' | 'disabled' | 'required' | 'id' | 'name' | 'formatOptions' | 'disableWheelChange' | 'invertWheelChange' | 'readonly' | 'focusOnChange'>, /** @vue-ignore */ Omit<InputHTMLAttributes, 'disabled' | 'min' | 'max' | 'readonly' | 'required' | 'step' | 'name' | 'placeholder' | 'type' | 'autofocus' | 'maxlength' | 'minlength' | 'pattern' | 'size'> {
+export interface InputNumberProps<T extends InputNumberValue = InputNumberValue, Mod extends Pick<ModelModifiers, 'optional'> = Pick<ModelModifiers, 'optional'>> extends Pick<NumberFieldRootProps, 'min' | 'max' | 'step' | 'stepSnapping' | 'disabled' | 'required' | 'id' | 'name' | 'formatOptions' | 'disableWheelChange' | 'invertWheelChange' | 'readonly' | 'focusOnChange' | 'locale'>, /** @vue-ignore */ Omit<InputHTMLAttributes, 'disabled' | 'min' | 'max' | 'readonly' | 'required' | 'step' | 'name' | 'placeholder' | 'type' | 'autofocus' | 'maxlength' | 'minlength' | 'pattern' | 'size'> {
     /**
      * The element or component this component should render as.
      * @defaultValue 'div'

package/dist/runtime/components/InputNumber.vue

@@ -49,7 +49,8 @@ const _props = defineProps({
   disableWheelChange: { type: Boolean, required: false },
   invertWheelChange: { type: Boolean, required: false },
   readonly: { type: Boolean, required: false },
-  focusOnChange: { type: Boolean, required: false }
+  focusOnChange: { type: Boolean, required: false },
+  locale: { type: String, required: false }
 });
 const emits = defineEmits(["update:modelValue", "blur", "change"]);
 defineSlots();
@@ -57,7 +58,7 @@ const props = useComponentProps("inputNumber", _props);
 const modelValue = useVModel(props, "modelValue", emits, { defaultValue: props.defaultValue });
 const { t } = useLocale();
 const appConfig = useAppConfig();
-const rootProps = useForwardProps(reactivePick(props, "as", "stepSnapping", "formatOptions", "disableWheelChange", "invertWheelChange", "required", "readonly", "focusOnChange"), emits);
+const rootProps = useForwardProps(reactivePick(props, "as", "stepSnapping", "formatOptions", "disableWheelChange", "invertWheelChange", "required", "readonly", "focusOnChange", "locale"), emits);
 const { emitFormBlur, emitFormFocus, emitFormChange, emitFormInput, id, color, size: formFieldSize, name, highlight, disabled, ariaAttrs } = useFormField(_props);
 const { orientation, size: fieldGroupSize } = useFieldGroup(_props);
 const inputSize = computed(() => fieldGroupSize.value || formFieldSize.value);

package/dist/runtime/components/InputNumber.vue.d.ts

@@ -11,7 +11,7 @@ type InputNumberValue = number | null;
 type ApplyModifiers<T extends InputNumberValue, Mod extends Pick<ModelModifiers, 'optional'>> = T | (Mod extends {
     optional: true;
 } ? undefined : never);
-export interface InputNumberProps<T extends InputNumberValue = InputNumberValue, Mod extends Pick<ModelModifiers, 'optional'> = Pick<ModelModifiers, 'optional'>> extends Pick<NumberFieldRootProps, 'min' | 'max' | 'step' | 'stepSnapping' | 'disabled' | 'required' | 'id' | 'name' | 'formatOptions' | 'disableWheelChange' | 'invertWheelChange' | 'readonly' | 'focusOnChange'>, /** @vue-ignore */ Omit<InputHTMLAttributes, 'disabled' | 'min' | 'max' | 'readonly' | 'required' | 'step' | 'name' | 'placeholder' | 'type' | 'autofocus' | 'maxlength' | 'minlength' | 'pattern' | 'size'> {
+export interface InputNumberProps<T extends InputNumberValue = InputNumberValue, Mod extends Pick<ModelModifiers, 'optional'> = Pick<ModelModifiers, 'optional'>> extends Pick<NumberFieldRootProps, 'min' | 'max' | 'step' | 'stepSnapping' | 'disabled' | 'required' | 'id' | 'name' | 'formatOptions' | 'disableWheelChange' | 'invertWheelChange' | 'readonly' | 'focusOnChange' | 'locale'>, /** @vue-ignore */ Omit<InputHTMLAttributes, 'disabled' | 'min' | 'max' | 'readonly' | 'required' | 'step' | 'name' | 'placeholder' | 'type' | 'autofocus' | 'maxlength' | 'minlength' | 'pattern' | 'size'> {
     /**
      * The element or component this component should render as.
      * @defaultValue 'div'

package/dist/runtime/components/InputTime.d.vue.ts

@@ -8,8 +8,8 @@ import type { ComponentConfig } from '../types/tv';
 type InputTime = ComponentConfig<typeof theme, AppConfig, 'inputTime'>;
 type InputTimeDefaultValue<R extends boolean = false> = R extends true ? TimeRangeFieldRootProps['defaultValue'] : TimeFieldRootProps['defaultValue'];
 type InputTimeModelValue<R extends boolean = false> = (R extends true ? TimeRangeFieldRootProps['modelValue'] : TimeFieldRootProps['modelValue']) | undefined;
-type _TimeFieldRootProps = Omit<TimeFieldRootProps, 'as' | 'asChild' | 'modelValue' | 'defaultValue' | 'dir' | 'locale'>;
-type _TimeRangeFieldRootProps = Omit<TimeRangeFieldRootProps, 'as' | 'asChild' | 'modelValue' | 'defaultValue' | 'dir' | 'locale'>;
+type _TimeFieldRootProps = Omit<TimeFieldRootProps, 'as' | 'asChild' | 'modelValue' | 'defaultValue' | 'dir'>;
+type _TimeRangeFieldRootProps = Omit<TimeRangeFieldRootProps, 'as' | 'asChild' | 'modelValue' | 'defaultValue' | 'dir'>;
 export interface InputTimeProps<R extends boolean = false> extends UseComponentIconsProps, _TimeFieldRootProps, _TimeRangeFieldRootProps {
     /**
      * The element or component this component should render as.

package/dist/runtime/components/InputTime.vue

@@ -49,6 +49,7 @@ const _props = defineProps({
   hideTimeZone: { type: Boolean, required: false },
   maxValue: { type: Object, required: false },
   minValue: { type: Object, required: false },
+  locale: { type: String, required: false },
   disabled: { type: Boolean, required: false },
   readonly: { type: Boolean, required: false },
   id: { type: String, required: false },

package/dist/runtime/components/InputTime.vue.d.ts

@@ -8,8 +8,8 @@ import type { ComponentConfig } from '../types/tv';
 type InputTime = ComponentConfig<typeof theme, AppConfig, 'inputTime'>;
 type InputTimeDefaultValue<R extends boolean = false> = R extends true ? TimeRangeFieldRootProps['defaultValue'] : TimeFieldRootProps['defaultValue'];
 type InputTimeModelValue<R extends boolean = false> = (R extends true ? TimeRangeFieldRootProps['modelValue'] : TimeFieldRootProps['modelValue']) | undefined;
-type _TimeFieldRootProps = Omit<TimeFieldRootProps, 'as' | 'asChild' | 'modelValue' | 'defaultValue' | 'dir' | 'locale'>;
-type _TimeRangeFieldRootProps = Omit<TimeRangeFieldRootProps, 'as' | 'asChild' | 'modelValue' | 'defaultValue' | 'dir' | 'locale'>;
+type _TimeFieldRootProps = Omit<TimeFieldRootProps, 'as' | 'asChild' | 'modelValue' | 'defaultValue' | 'dir'>;
+type _TimeRangeFieldRootProps = Omit<TimeRangeFieldRootProps, 'as' | 'asChild' | 'modelValue' | 'defaultValue' | 'dir'>;
 export interface InputTimeProps<R extends boolean = false> extends UseComponentIconsProps, _TimeFieldRootProps, _TimeRangeFieldRootProps {
     /**
      * The element or component this component should render as.

package/dist/runtime/components/Link.d.vue.ts

@@ -100,8 +100,8 @@ export interface LinkSlots {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
-    as: any;
     type: "reset" | "submit" | "button";
+    as: any;
     active: boolean;
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;

package/dist/runtime/components/Link.vue.d.ts

@@ -100,8 +100,8 @@ export interface LinkSlots {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
-    as: any;
     type: "reset" | "submit" | "button";
+    as: any;
     active: boolean;
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;

package/dist/runtime/components/LinkBase.d.vue.ts

@@ -4,7 +4,7 @@ export interface LinkBaseProps {
     type?: string;
     disabled?: boolean;
     onClick?: ((e: MouseEvent) => void | Promise<void>) | Array<((e: MouseEvent) => void | Promise<void>)>;
-    href?: string;
+    href?: string | null;
     navigate?: (e: MouseEvent) => void;
     target?: LinkProps['target'];
     rel?: LinkProps['rel'];
@@ -14,8 +14,8 @@ export interface LinkBaseProps {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkBaseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkBaseProps> & Readonly<{}>, {
-    as: string;
     type: string;
+    as: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;

package/dist/runtime/components/LinkBase.vue

@@ -9,7 +9,7 @@ const props = defineProps({
   type: { type: String, required: false, default: "button" },
   disabled: { type: Boolean, required: false },
   onClick: { type: [Function, Array], required: false },
-  href: { type: String, required: false },
+  href: { type: [String, null], required: false },
   navigate: { type: Function, required: false },
   target: { type: [String, Object, null], required: false },
   rel: { type: [String, Object, null], required: false },

package/dist/runtime/components/LinkBase.vue.d.ts

@@ -4,7 +4,7 @@ export interface LinkBaseProps {
     type?: string;
     disabled?: boolean;
     onClick?: ((e: MouseEvent) => void | Promise<void>) | Array<((e: MouseEvent) => void | Promise<void>)>;
-    href?: string;
+    href?: string | null;
     navigate?: (e: MouseEvent) => void;
     target?: LinkProps['target'];
     rel?: LinkProps['rel'];
@@ -14,8 +14,8 @@ export interface LinkBaseProps {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkBaseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkBaseProps> & Readonly<{}>, {
-    as: string;
     type: string;
+    as: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;

package/dist/runtime/components/SelectMenu.vue

@@ -3,7 +3,7 @@ import theme from "#build/ui/select-menu";
 </script>
 
 <script setup>
-import { useTemplateRef, computed, onMounted, toRef, toRaw } from "vue";
+import { useTemplateRef, computed, ref, onMounted, toRef, toRaw, watch, nextTick } from "vue";
 import { ComboboxRoot, ComboboxArrow, ComboboxAnchor, ComboboxInput, ComboboxTrigger, ComboboxCancel, ComboboxPortal, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxVirtualizer, ComboboxLabel, ComboboxSeparator, ComboboxItem, ComboboxItemIndicator, FocusScope } from "reka-ui";
 import { useForwardProps } from "../composables/useForwardProps";
 import { defu } from "defu";
@@ -199,7 +199,9 @@ function onUpdate(value) {
     searchTerm.value = "";
   }
 }
+const isOpen = ref(false);
 function onUpdateOpen(value) {
+  isOpen.value = value;
   let timeoutId;
   if (!value) {
     const event = new FocusEvent("blur");
@@ -246,6 +248,14 @@ function onClear() {
   emits("clear");
 }
 const viewportRef = useTemplateRef("viewportRef");
+const comboboxRootRef = useTemplateRef("comboboxRootRef");
+watch(() => props.items, async () => {
+  if (!isOpen.value) {
+    return;
+  }
+  await nextTick();
+  comboboxRootRef.value?.highlightFirstItem?.();
+}, { flush: "post" });
 defineExpose({
   triggerRef: toRef(() => triggerRef.value?.$el),
   viewportRef: toRef(() => viewportRef.value)
@@ -325,6 +335,7 @@ defineExpose({
 
   <ComboboxRoot
     :id="id"
+    ref="comboboxRootRef"
     v-slot="{ modelValue, open }"
     v-bind="{ ...rootProps, ...$attrs, ...ariaAttrs }"
     ignore-filter

package/dist/runtime/components/Toast.d.vue.ts

@@ -6,7 +6,7 @@ import type { AvatarProps, ButtonProps, IconProps, ProgressProps, LinkPropsKeys
 import type { StringOrVNode } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type Toast = ComponentConfig<typeof theme, AppConfig, 'toast'>;
-export interface ToastProps extends Pick<ToastRootProps, 'defaultOpen' | 'open' | 'type' | 'duration'> {
+export interface ToastProps extends Pick<ToastRootProps, 'defaultOpen' | 'open' | 'type'> {
     /**
      * The element or component this component should render as.
      * @defaultValue 'li'
@@ -47,6 +47,13 @@ export interface ToastProps extends Pick<ToastRootProps, 'defaultOpen' | 'open'
      * `{ size: 'xs' }`{lang="ts-type"}
      */
     actions?: ButtonProps[];
+    /**
+     * The time in milliseconds before the toast automatically closes. Overrides the global `toaster.duration`.
+     *
+     * Set to `0` to keep the toast open until it's manually closed.
+     * @defaultValue 5000
+     */
+    duration?: number;
     /**
      * Display a progress bar showing the toast's remaining duration.
      * `{ size: 'sm' }`{lang="ts-type"}

package/dist/runtime/components/Toast.vue

@@ -26,13 +26,13 @@ const _props = defineProps({
   close: { type: [Boolean, Object], required: false, default: true },
   closeIcon: { type: null, required: false },
   actions: { type: Array, required: false },
+  duration: { type: Number, required: false },
   progress: { type: [Boolean, Object], required: false, default: true },
   class: { type: null, required: false },
   ui: { type: Object, required: false },
   defaultOpen: { type: Boolean, required: false },
   open: { type: Boolean, required: false },
-  type: { type: String, required: false },
-  duration: { type: Number, required: false }
+  type: { type: String, required: false }
 });
 const emits = defineEmits(["escapeKeyDown", "pause", "resume", "swipeStart", "swipeMove", "swipeCancel", "swipeEnd", "update:open"]);
 const slots = defineSlots();
@@ -61,7 +61,7 @@ defineExpose({
 <template>
   <ToastRoot
     ref="rootRef"
-    v-slot="{ remaining, duration, open }"
+    v-slot="{ remaining, duration: totalDuration, open }"
     v-bind="rootProps"
     :data-orientation="props.orientation"
     data-slot="root"
@@ -129,8 +129,8 @@ defineExpose({
     </div>
 
     <UProgress
-      v-if="props.progress && open && remaining > 0 && duration"
-      :model-value="remaining / duration * 100"
+      v-if="props.progress && open && remaining > 0 && totalDuration"
+      :model-value="remaining / totalDuration * 100"
       :color="props.color"
       v-bind="typeof props.progress === 'object' ? props.progress : {}"
       size="sm"

package/dist/runtime/components/Toast.vue.d.ts

@@ -6,7 +6,7 @@ import type { AvatarProps, ButtonProps, IconProps, ProgressProps, LinkPropsKeys
 import type { StringOrVNode } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type Toast = ComponentConfig<typeof theme, AppConfig, 'toast'>;
-export interface ToastProps extends Pick<ToastRootProps, 'defaultOpen' | 'open' | 'type' | 'duration'> {
+export interface ToastProps extends Pick<ToastRootProps, 'defaultOpen' | 'open' | 'type'> {
     /**
      * The element or component this component should render as.
      * @defaultValue 'li'
@@ -47,6 +47,13 @@ export interface ToastProps extends Pick<ToastRootProps, 'defaultOpen' | 'open'
      * `{ size: 'xs' }`{lang="ts-type"}
      */
     actions?: ButtonProps[];
+    /**
+     * The time in milliseconds before the toast automatically closes. Overrides the global `toaster.duration`.
+     *
+     * Set to `0` to keep the toast open until it's manually closed.
+     * @defaultValue 5000
+     */
+    duration?: number;
     /**
      * Display a progress bar showing the toast's remaining duration.
      * `{ size: 'sm' }`{lang="ts-type"}

package/dist/runtime/components/content/ContentSearch.d.vue.ts

@@ -44,7 +44,7 @@ export interface ContentSearchItem extends Omit<LinkProps, 'custom'>, CommandPal
      */
     icon?: IconProps['name'];
 }
-export interface ContentSearchProps<T extends ContentSearchLink = ContentSearchLink> extends Pick<ModalProps, 'title' | 'description' | 'overlay' | 'transition' | 'content' | 'dismissible' | 'fullscreen' | 'modal' | 'portal'>, Pick<CommandPaletteProps<CommandPaletteGroup<ContentSearchItem>, ContentSearchItem>, 'icon' | 'placeholder' | 'autofocus' | 'loading' | 'loadingIcon' | 'closeIcon' | 'groups'> {
+export interface ContentSearchProps<T extends ContentSearchLink = ContentSearchLink> extends Pick<ModalProps, 'title' | 'description' | 'overlay' | 'transition' | 'content' | 'dismissible' | 'fullscreen' | 'modal' | 'portal'>, Pick<CommandPaletteProps<CommandPaletteGroup<ContentSearchItem>, ContentSearchItem>, 'icon' | 'trailingIcon' | 'selectedIcon' | 'childrenIcon' | 'placeholder' | 'autofocus' | 'loading' | 'loadingIcon' | 'closeIcon' | 'back' | 'backIcon' | 'disabled' | 'highlightOnHover' | 'labelKey' | 'descriptionKey' | 'preserveGroupOrder' | 'virtualize' | 'groups'> {
     /**
      * @defaultValue 'md'
      */

package/dist/runtime/components/content/ContentSearch.vue

@@ -39,11 +39,22 @@ const _props = defineProps({
   modal: { type: Boolean, required: false },
   portal: { type: [Boolean, String], required: false, skipCheck: true },
   icon: { type: null, required: false },
+  trailingIcon: { type: null, required: false },
+  selectedIcon: { type: null, required: false },
+  childrenIcon: { type: null, required: false },
   placeholder: { type: String, required: false },
   autofocus: { type: Boolean, required: false },
   loading: { type: Boolean, required: false },
   loadingIcon: { type: null, required: false },
   closeIcon: { type: null, required: false },
+  back: { type: [Boolean, Object], required: false },
+  backIcon: { type: null, required: false },
+  disabled: { type: Boolean, required: false },
+  highlightOnHover: { type: Boolean, required: false },
+  labelKey: { type: null, required: false },
+  descriptionKey: { type: null, required: false },
+  preserveGroupOrder: { type: Boolean, required: false },
+  virtualize: { type: [Boolean, Object], required: false },
   groups: { type: Array, required: false }
 });
 const slots = defineSlots();
@@ -53,7 +64,7 @@ const { t } = useLocale();
 const { open, mapNavigationItems, mapLinks, mapSearchResults, postFilter } = useContentSearch();
 const colorMode = useColorMode();
 const appConfig = useAppConfig();
-const commandPaletteProps = useForwardProps(reactivePick(props, "size", "icon", "placeholder", "autofocus", "loading", "loadingIcon", "close", "closeIcon", "searchDelay"));
+const commandPaletteProps = useForwardProps(reactivePick(props, "size", "icon", "trailingIcon", "selectedIcon", "childrenIcon", "placeholder", "autofocus", "loading", "loadingIcon", "close", "closeIcon", "back", "backIcon", "disabled", "highlightOnHover", "labelKey", "descriptionKey", "preserveGroupOrder", "virtualize", "searchDelay"));
 const modalProps = useForwardProps(reactivePick(props, "overlay", "transition", "content", "dismissible", "fullscreen", "modal", "portal"));
 const getProxySlots = () => omit(slots, ["content"]);
 const fuse = computed(() => defu({}, props.fuse, {

package/dist/runtime/components/content/ContentSearch.vue.d.ts

@@ -44,7 +44,7 @@ export interface ContentSearchItem extends Omit<LinkProps, 'custom'>, CommandPal
      */
     icon?: IconProps['name'];
 }
-export interface ContentSearchProps<T extends ContentSearchLink = ContentSearchLink> extends Pick<ModalProps, 'title' | 'description' | 'overlay' | 'transition' | 'content' | 'dismissible' | 'fullscreen' | 'modal' | 'portal'>, Pick<CommandPaletteProps<CommandPaletteGroup<ContentSearchItem>, ContentSearchItem>, 'icon' | 'placeholder' | 'autofocus' | 'loading' | 'loadingIcon' | 'closeIcon' | 'groups'> {
+export interface ContentSearchProps<T extends ContentSearchLink = ContentSearchLink> extends Pick<ModalProps, 'title' | 'description' | 'overlay' | 'transition' | 'content' | 'dismissible' | 'fullscreen' | 'modal' | 'portal'>, Pick<CommandPaletteProps<CommandPaletteGroup<ContentSearchItem>, ContentSearchItem>, 'icon' | 'trailingIcon' | 'selectedIcon' | 'childrenIcon' | 'placeholder' | 'autofocus' | 'loading' | 'loadingIcon' | 'closeIcon' | 'back' | 'backIcon' | 'disabled' | 'highlightOnHover' | 'labelKey' | 'descriptionKey' | 'preserveGroupOrder' | 'virtualize' | 'groups'> {
     /**
      * @defaultValue 'md'
      */

package/dist/runtime/locale/th.js

@@ -32,11 +32,6 @@ export default defineLocale({
     chatPromptSubmit: {
       label: "\u0E2A\u0E48\u0E07"
     },
-    chatReasoning: {
-      thinking: "\u0E01\u0E33\u0E25\u0E31\u0E07\u0E04\u0E34\u0E14\u2026",
-      thought: "\u0E04\u0E34\u0E14\u0E41\u0E25\u0E49\u0E27",
-      thoughtFor: "\u0E04\u0E34\u0E14\u0E40\u0E1B\u0E47\u0E19\u0E40\u0E27\u0E25\u0E32 {duration}"
-    },
     colorMode: {
       dark: "\u0E21\u0E37\u0E14",
       light: "\u0E2A\u0E27\u0E48\u0E32\u0E07",
@@ -108,7 +103,7 @@ export default defineLocale({
       close: "\u0E1B\u0E34\u0E14"
     },
     pricingTable: {
-      caption: "\u0E01\u0E32\u0E23\u0E40\u0E1B\u0E23\u0E35\u0E22\u0E1A\u0E40\u0E17\u0E35\u0E22\u0E1A\u0E23\u0E32\u0E04\u0E32\u0E2A\u0E34\u0E19\u0E04\u0E49\u0E32"
+      caption: "\u0E01\u0E32\u0E23\u0E40\u0E1B\u0E23\u0E35\u0E22\u0E1A\u0E40\u0E17\u0E35\u0E22\u0E1A\u0E23\u0E32\u0E04\u0E32"
     },
     prose: {
       codeCollapse: {
@@ -129,6 +124,11 @@ export default defineLocale({
         openIn: "\u0E40\u0E1B\u0E34\u0E14\u0E43\u0E19 {name}"
       }
     },
+    chatReasoning: {
+      thinking: "\u0E01\u0E33\u0E25\u0E31\u0E07\u0E04\u0E34\u0E14\u2026",
+      thought: "\u0E04\u0E34\u0E14\u0E41\u0E25\u0E49\u0E27",
+      thoughtFor: "\u0E04\u0E34\u0E14\u0E40\u0E1B\u0E47\u0E19\u0E40\u0E27\u0E25\u0E32 {duration}"
+    },
     sidebar: {
       close: "\u0E1B\u0E34\u0E14",
       toggle: "\u0E2A\u0E25\u0E31\u0E1A"

package/dist/runtime/types/tv.d.ts

@@ -39,17 +39,23 @@ type ComponentUI<T extends {
     [K in keyof Required<T['slots']>]: (props?: Record<string, any>) => string;
 }>;
 type GetComponentAppConfig<A, U extends string, K extends string> = A extends Record<U, Record<K, any>> ? A[U][K] : {};
-type ComponentAppConfig<T, A extends Record<string, any>, K extends string, U extends string = 'ui' | 'ui.prose'> = A & (U extends 'ui.prose' ? {
-    ui?: {
-        prose?: {
+type ComponentAppConfig<T, A extends Record<string, any>, K extends string, U extends string = 'ui' | 'ui.prose'> = Omit<A, 'ui'> & {
+    ui: U extends 'ui.prose' ? (A extends {
+        ui: infer UI;
+    } ? Omit<UI, 'prose'> : Record<string, never>) & {
+        prose?: (A extends {
+            ui: {
+                prose?: infer P;
+            };
+        } ? Omit<NonNullable<P>, K> : Record<string, never>) & {
             [k in K]?: Partial<T>;
         };
-    };
-} : {
-    [key in Exclude<U, 'ui.prose'>]?: {
+    } : (A extends {
+        ui: infer UI;
+    } ? Omit<UI, K> : Record<string, never>) & {
         [k in K]?: Partial<T>;
     };
-});
+};
 /**
  * Defines the configuration shape expected for a component.
  * @template T The component's theme imported from `#build/ui/*`.

package/dist/runtime/types/utils.d.ts

@@ -3,6 +3,9 @@ import type { AcceptableValue as _AcceptableValue } from 'reka-ui';
 export type DeepPartial<T> = {
     [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P] | undefined;
 };
+export type DeepRequired<T> = {
+    [P in keyof T]-?: NonNullable<T[P]> extends object ? DeepRequired<NonNullable<T[P]>> : NonNullable<T[P]>;
+};
 export type DynamicSlotsKeys<Name extends string | undefined, Suffix extends string | undefined = undefined> = (Name extends string ? Suffix extends string ? Name | `${Name}-${Suffix}` : Name : never);
 export type DynamicSlots<T extends {
     slot?: string;

package/dist/runtime/vue/overrides/inertia/Link.d.vue.ts

@@ -63,8 +63,8 @@ export interface LinkSlots {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
-    as: any;
     type: "reset" | "submit" | "button";
+    as: any;
     active: boolean;
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;

package/dist/runtime/vue/overrides/inertia/Link.vue.d.ts

@@ -63,8 +63,8 @@ export interface LinkSlots {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
-    as: any;
     type: "reset" | "submit" | "button";
+    as: any;
     active: boolean;
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;

package/dist/runtime/vue/overrides/inertia/LinkBase.d.vue.ts

@@ -13,8 +13,8 @@ export interface LinkBaseProps {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkBaseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkBaseProps> & Readonly<{}>, {
-    as: string;
     type: string;
+    as: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 } & {

package/dist/runtime/vue/overrides/inertia/LinkBase.vue.d.ts

@@ -13,8 +13,8 @@ export interface LinkBaseProps {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkBaseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkBaseProps> & Readonly<{}>, {
-    as: string;
     type: string;
+    as: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 } & {

package/dist/runtime/vue/overrides/none/Link.d.vue.ts

@@ -64,8 +64,8 @@ export interface LinkSlots {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
-    as: any;
     type: "reset" | "submit" | "button";
+    as: any;
     active: boolean;
     ariaCurrentValue: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;

package/dist/runtime/vue/overrides/none/Link.vue.d.ts

@@ -64,8 +64,8 @@ export interface LinkSlots {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
-    as: any;
     type: "reset" | "submit" | "button";
+    as: any;
     active: boolean;
     ariaCurrentValue: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;

package/dist/runtime/vue/overrides/vue-router/Link.d.vue.ts

@@ -56,8 +56,8 @@ export interface LinkSlots {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
-    as: any;
     type: "reset" | "submit" | "button";
+    as: any;
     active: boolean;
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;

package/dist/runtime/vue/overrides/vue-router/Link.vue.d.ts

@@ -56,8 +56,8 @@ export interface LinkSlots {
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
-    as: any;
     type: "reset" | "submit" | "button";
+    as: any;
     active: boolean;
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;

package/dist/shared/{ui.CoJ8bnb0.mjs → ui.C-lVg1QQ.mjs}

@@ -3340,7 +3340,7 @@ const inputMenu = (options) => {
       trailing: "group absolute inset-y-0 end-0 flex items-center disabled:cursor-not-allowed disabled:opacity-75 focus:outline-none",
       trailingClear: "p-0",
       arrow: "fill-bg stroke-default",
-      content: "max-h-[min(15rem,var(--reka-combobox-content-available-height))] 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",
+      content: "max-h-[min(15rem,var(--reka-combobox-content-available-height,15rem))] 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 scroll-py-1 overflow-y-auto flex-1",
       group: "p-1 isolate",
       empty: "text-center text-muted",
@@ -5525,7 +5525,7 @@ const select = (options) => {
       value: "truncate pointer-events-none",
       placeholder: "truncate text-dimmed",
       arrow: "fill-bg stroke-default",
-      content: "max-h-[min(15rem,var(--reka-select-content-available-height))] w-(--reka-select-trigger-width) bg-default shadow-lg rounded-md ring ring-default overflow-hidden origin-(--reka-select-content-transform-origin) pointer-events-auto flex flex-col",
+      content: "max-h-[min(15rem,var(--reka-select-content-available-height,15rem))] w-(--reka-select-trigger-width) bg-default shadow-lg rounded-md ring ring-default overflow-hidden origin-(--reka-select-content-transform-origin) pointer-events-auto flex flex-col",
       viewport: "relative divide-y divide-default scroll-py-1 overflow-y-auto flex-1",
       group: "p-1 isolate",
       empty: "text-center text-muted",
@@ -5635,7 +5635,7 @@ const selectMenu = (options) => {
       input: "border-b border-default",
       focusScope: "flex flex-col min-h-0",
       viewport: "relative scroll-py-1 overflow-y-auto flex-1",
-      content: (content) => [content, "max-h-[min(15rem,var(--reka-combobox-content-available-height))] origin-(--reka-combobox-content-transform-origin) w-(--reka-combobox-trigger-width)"],
+      content: (content) => [content, "max-h-[min(15rem,var(--reka-combobox-content-available-height,15rem))] origin-(--reka-combobox-content-transform-origin) w-(--reka-combobox-trigger-width)"],
       trailingClear: "p-0"
     },
     variants: {
@@ -8307,7 +8307,7 @@ ${themeBlocks}`;
       const iconKeys = Object.keys(uiConfig?.icons || {});
       const iconUnion = iconKeys.length ? iconKeys.map((i) => JSON.stringify(i)).join(" | ") : "string";
       return `import * as ui from '#build/ui'
-import type { TVConfig } from '@nuxt/ui'
+import type { TVConfig, DeepRequired } from '@nuxt/ui'
 import type { defaultConfig } from 'tailwind-variants'
 import colors from 'tailwindcss/colors'
 
@@ -8326,6 +8326,8 @@ type AppConfigUI = {
   tv?: typeof defaultConfig
 } & TVConfig<typeof ui>
 
+type AppConfigRuntimeUI = DeepRequired<Pick<AppConfigUI, 'colors' | 'icons' | 'tv'>> & typeof ui
+
 declare module '@nuxt/schema' {
   interface AppConfigInput {
     /**
@@ -8334,6 +8336,9 @@ declare module '@nuxt/schema' {
      */
     ui?: AppConfigUI
   }
+  interface CustomAppConfig {
+    ui: AppConfigRuntimeUI
+  }
 }
 
 export {}

package/dist/unplugin.mjs

@@ -3,7 +3,7 @@ import { join, normalize } from 'pathe';
 import { createUnplugin } from 'unplugin';
 import { defu } from 'defu';
 import tailwind from '@tailwindcss/vite';
-import { b as getTemplates, p as publicComposables, d as defaultOptions, r as resolveColors, g as getDefaultConfig } from './shared/ui.CoJ8bnb0.mjs';
+import { b as getTemplates, p as publicComposables, d as defaultOptions, r as resolveColors, g as getDefaultConfig } from './shared/ui.C-lVg1QQ.mjs';
 import fs from 'node:fs';
 import path from 'node:path';
 import MagicString from 'magic-string';

package/dist/vite.mjs

@@ -4,7 +4,7 @@ import 'pathe';
 import 'unplugin';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/ui.CoJ8bnb0.mjs';
+import './shared/ui.C-lVg1QQ.mjs';
 import '../dist/runtime/utils/index.js';
 import 'scule';
 import 'knitwork';

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@nuxt/ui",
   "description": "A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.",
-  "version": "4.8.0",
-  "packageManager": "pnpm@11.1.3",
+  "version": "4.8.2",
+  "packageManager": "pnpm@11.5.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/nuxt/ui.git"
@@ -129,35 +129,35 @@
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
     "@iconify/vue": "^5.0.1",
-    "@internationalized/date": "^3.12.1",
-    "@internationalized/number": "^3.6.6",
+    "@internationalized/date": "^3.12.2",
+    "@internationalized/number": "^3.6.7",
     "@nuxt/fonts": "^0.14.0",
     "@nuxt/icon": "^2.2.2",
-    "@nuxt/kit": "^4.4.6",
-    "@nuxt/schema": "^4.4.6",
+    "@nuxt/kit": "^4.4.7",
+    "@nuxt/schema": "^4.4.7",
     "@nuxtjs/color-mode": "^3.5.2",
     "@standard-schema/spec": "^1.1.0",
     "@tailwindcss/postcss": "^4.3.0",
     "@tailwindcss/vite": "^4.3.0",
     "@tanstack/vue-table": "^8.21.3",
-    "@tanstack/vue-virtual": "^3.13.24",
-    "@tiptap/core": "^3.22.4",
-    "@tiptap/extension-bubble-menu": "^3.22.4",
-    "@tiptap/extension-code": "^3.22.4",
-    "@tiptap/extension-collaboration": "^3.22.4",
-    "@tiptap/extension-drag-handle": "^3.22.4",
-    "@tiptap/extension-drag-handle-vue-3": "^3.22.4",
-    "@tiptap/extension-floating-menu": "^3.22.4",
-    "@tiptap/extension-horizontal-rule": "^3.22.4",
-    "@tiptap/extension-image": "^3.22.4",
-    "@tiptap/extension-mention": "^3.22.4",
-    "@tiptap/extension-node-range": "^3.22.4",
-    "@tiptap/extension-placeholder": "^3.22.4",
-    "@tiptap/markdown": "^3.22.4",
-    "@tiptap/pm": "^3.22.4",
-    "@tiptap/starter-kit": "^3.22.4",
-    "@tiptap/suggestion": "^3.22.4",
-    "@tiptap/vue-3": "^3.22.4",
+    "@tanstack/vue-virtual": "^3.13.26",
+    "@tiptap/core": "^3.24.0",
+    "@tiptap/extension-bubble-menu": "^3.24.0",
+    "@tiptap/extension-code": "^3.24.0",
+    "@tiptap/extension-collaboration": "^3.24.0",
+    "@tiptap/extension-drag-handle": "^3.24.0",
+    "@tiptap/extension-drag-handle-vue-3": "^3.24.0",
+    "@tiptap/extension-floating-menu": "^3.24.0",
+    "@tiptap/extension-horizontal-rule": "^3.24.0",
+    "@tiptap/extension-image": "^3.24.0",
+    "@tiptap/extension-mention": "^3.24.0",
+    "@tiptap/extension-node-range": "^3.24.0",
+    "@tiptap/extension-placeholder": "^3.24.0",
+    "@tiptap/markdown": "^3.24.0",
+    "@tiptap/pm": "^3.24.0",
+    "@tiptap/starter-kit": "^3.24.0",
+    "@tiptap/suggestion": "^3.24.0",
+    "@tiptap/vue-3": "^3.24.0",
     "@unhead/vue": "^2.1.15",
     "@vueuse/core": "^14.3.0",
     "@vueuse/integrations": "^14.3.0",
@@ -172,7 +172,7 @@
     "embla-carousel-fade": "^8.6.0",
     "embla-carousel-vue": "^8.6.0",
     "embla-carousel-wheel-gestures": "^8.1.0",
-    "fuse.js": "^7.3.0",
+    "fuse.js": "^7.4.0",
     "hookable": "^6.1.1",
     "knitwork": "^1.3.0",
     "magic-string": "^0.30.21",
@@ -180,18 +180,18 @@
     "motion-v": "^2.2.1",
     "ohash": "^2.0.11",
     "pathe": "^2.0.3",
-    "reka-ui": "2.9.7",
+    "reka-ui": "2.9.9",
     "scule": "^1.3.0",
     "tailwind-merge": "^3.6.0",
     "tailwind-variants": "^3.2.2",
     "tailwindcss": "^4.3.0",
-    "tinyglobby": "^0.2.16",
+    "tinyglobby": "^0.2.17",
     "ufo": "^1.6.4",
     "unplugin": "^3.0.0",
     "unplugin-auto-import": "^21.0.0",
-    "unplugin-vue-components": "^32.0.0",
+    "unplugin-vue-components": "^32.1.0",
     "vaul-vue": "0.4.1",
-    "vue-component-type-helpers": "^3.3.0"
+    "vue-component-type-helpers": "^3.3.3"
   },
   "devDependencies": {
     "@nuxt/eslint-config": "^1.15.2",
@@ -201,18 +201,18 @@
     "@tanstack/table-core": "^8.21.3",
     "@vitejs/plugin-vue": "^6.0.7",
     "@vue/test-utils": "^2.4.10",
-    "ai": "^6.0.185",
+    "ai": "^6.0.193",
     "embla-carousel": "^8.6.0",
-    "eslint": "^10.4.0",
+    "eslint": "^10.4.1",
     "happy-dom": "^20.9.0",
-    "nuxt": "^4.4.6",
+    "nuxt": "^4.4.7",
     "release-it": "^19.2.4",
     "unbuild": "^3.6.1",
-    "vitest": "^4.1.6",
+    "vitest": "^4.1.7",
     "vitest-axe": "^0.1.0",
-    "vitest-environment-nuxt": "^1.0.1",
-    "vue": "^3.5.34",
-    "vue-tsc": "^3.3.0"
+    "vitest-environment-nuxt": "^2.0.0",
+    "vue": "^3.5.35",
+    "vue-tsc": "^3.3.3"
   },
   "peerDependencies": {
     "@inertiajs/vue3": "^2.0.7 || ^3.0.0",