@nuxt/ui 4.10.0 → 4.11.0

package/dist/runtime/components/Textarea.vue

@@ -3,7 +3,7 @@ import theme from "#build/ui/textarea";
 </script>
 
 <script setup>
-import { useTemplateRef, computed, onMounted, nextTick, watch } from "vue";
+import { useTemplateRef, computed, onMounted, onScopeDispose, nextTick, watch } from "vue";
 import { Primitive } from "reka-ui";
 import { useVModel } from "@vueuse/core";
 import { useAppConfig } from "#imports";
@@ -52,14 +52,18 @@ const slots = defineSlots();
 const props = useComponentProps("textarea", _props);
 const modelValue = useVModel(props, "modelValue", emits, { defaultValue: props.defaultValue });
 const appConfig = useAppConfig();
-const { emitFormFocus, emitFormBlur, emitFormInput, emitFormChange, size, color, id, name, highlight, disabled, ariaAttrs } = useFormField(_props, { deferInputValidation: true });
+const { emitFormFocus, emitFormBlur, emitFormInput, emitFormChange, size: formFieldSize, color: formFieldColor, id, name, highlight: formFieldHighlight, disabled: formFieldDisabled, ariaAttrs } = useFormField(_props, { deferInputValidation: true });
+const color = computed(() => formFieldColor.value ?? props.color);
+const highlight = computed(() => formFieldHighlight.value ?? props.highlight);
+const size = computed(() => formFieldSize.value ?? props.size);
+const disabled = computed(() => formFieldDisabled.value ?? props.disabled);
 const { isLeading, isTrailing, leadingIconName, trailingIconName } = useComponentIcons(props);
 const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.textarea || {} })({
-  color: color.value ?? props.color,
+  color: color.value,
   variant: props.variant,
-  size: size?.value ?? props.size,
+  size: size.value,
   loading: props.loading,
-  highlight: highlight.value ?? props.highlight,
+  highlight: highlight.value,
   fixed: props.fixed,
   autoresize: props.autoresize,
   leading: isLeading.value || !!props.avatar || !!slots.leading,
@@ -129,15 +133,21 @@ function autoResize() {
 watch(modelValue, () => {
   nextTick(autoResize);
 });
+let autofocusTimeoutId;
+let autoresizeTimeoutId;
 onMounted(() => {
-  setTimeout(() => {
+  autofocusTimeoutId = setTimeout(() => {
     autoFocus();
   }, props.autofocusDelay);
-  setTimeout(async () => {
+  autoresizeTimeoutId = setTimeout(async () => {
     await nextTick();
     autoResize();
   }, props.autoresizeDelay);
 });
+onScopeDispose(() => {
+  clearTimeout(autofocusTimeoutId);
+  clearTimeout(autoresizeTimeoutId);
+});
 defineExpose({
   textareaRef,
   autoResize

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

@@ -1,4 +1,4 @@
-import { type VNode } from 'vue';
+import type { VNode } from 'vue';
 import type { ThemeDefaults, ThemeUI } from '../types/theme';
 export interface ThemeProps {
     /**

package/dist/runtime/components/Theme.vue

@@ -1,10 +1,11 @@
 <script>
-import { computed } from "vue";
-import defu from "defu";
-import { injectThemeContext, provideThemeContext } from "../composables/useComponentProps";
+
 </script>
 
 <script setup>
+import { computed } from "vue";
+import defu from "defu";
+import { injectThemeContext, provideThemeContext } from "../composables/useComponentProps";
 const _props = defineProps({
   props: { type: Object, required: false },
   ui: { type: null, required: false }

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

@@ -1,4 +1,4 @@
-import { type VNode } from 'vue';
+import type { VNode } from 'vue';
 import type { ThemeDefaults, ThemeUI } from '../types/theme';
 export interface ThemeProps {
     /**

package/dist/runtime/components/Tree.vue

@@ -142,7 +142,7 @@ defineExpose({
             :disabled="item.disabled || props.disabled"
             data-slot="link"
             :class="ui.link({ class: [props.ui?.link, item.ui?.link, item.class], selected: isSelected, disabled: item.disabled || props.disabled })"
-            :style="!nested && level > 1 ? { paddingLeft: flattenedPaddingFormula(level) } : void 0"
+            :style="!nested && level > 1 ? { paddingInlineStart: flattenedPaddingFormula(level) } : void 0"
           >
             <slot
               :name="item.slot || 'item'"

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

@@ -106,7 +106,14 @@ const defaultValue = computed(() => {
   </DefineLinkTemplate>
 
   <Primitive :as="props.as" data-slot="root" v-bind="$attrs" :as-child="props.level > 0" :class="ui.root({ class: [props.ui?.root, props.class] })">
-    <AccordionRoot as="ul" :disabled="disabled" v-bind="rootProps" :default-value="defaultValue" :class="props.level > 0 ? ui.listWithChildren({ class: props.ui?.listWithChildren }) : ui.list({ class: props.ui?.list })">
+    <AccordionRoot
+      as="ul"
+      :disabled="disabled"
+      v-bind="rootProps"
+      :model-value="disabled ? defaultValue : void 0"
+      :default-value="disabled ? void 0 : defaultValue"
+      :class="props.level > 0 ? ui.listWithChildren({ class: props.ui?.listWithChildren }) : ui.list({ class: props.ui?.list })"
+    >
       <template v-for="(link, index) in props.navigation" :key="`${index}-${link.path}`">
         <AccordionItem
           v-if="link.children?.length"

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

@@ -76,6 +76,9 @@ const activeIndex = computed(() => {
   }
   return flattenLinks(props.links || []).findIndex((link) => activeHeadings.value.includes(link.id));
 });
+const listStyle = computed(() => ({
+  "--list-height": `${flattenLinks(props.links || []).length * linkHeight}rem`
+}));
 const indicatorStyle = computed(() => {
   if (!activeHeadings.value?.length) {
     return;
@@ -219,7 +222,7 @@ onUnmounted(() => {
           <ReuseTriggerTemplate :open="open" />
         </p>
 
-        <div ref="contentRef" data-slot="content" :class="ui.content({ class: [props.ui?.content, prefix('hidden lg:flex')] })" :style="scrollShadowStyle">
+        <div ref="contentRef" data-slot="content" :class="ui.content({ class: [props.ui?.content, prefix('hidden lg:flex')] })" :style="[listStyle, scrollShadowStyle]">
           <ReuseContentTemplate />
         </div>
       </template>

package/dist/runtime/composables/useComponentProps.d.ts

@@ -20,7 +20,7 @@ export { provideThemeContext };
  * defaults. The component's tv() `defaultVariants` are intentionally left out
  * of the proxy fallback — they continue to drive `tv()`-internal class
  * resolution (the original semantics) without leaking into prop reads. The
- * `ui` prop is deep-merged (explicit slot classes override theme slot classes)
+ * `ui` and `class` props are merged (explicit classes override theme classes)
  * instead of being replaced.
  */
 export declare function useComponentProps<T extends object>(name: string, props: T): T;

package/dist/runtime/composables/useComponentProps.js

@@ -37,6 +37,12 @@ export function useComponentProps(name, props) {
         if (!raw && !themeUi) return raw;
         return defu(raw ?? {}, themeUi ?? {});
       }
+      if (prop === "class") {
+        const themeClass = themeEntry?.class;
+        if (themeClass === void 0) return raw;
+        if (raw === void 0) return themeClass;
+        return [themeClass, raw];
+      }
       if (vm && propIsDefined(vm.vnode, prop)) return raw;
       const themeValue = themeEntry?.[prop];
       if (themeValue !== void 0) return themeValue;

package/dist/runtime/composables/useFormField.d.ts

@@ -37,10 +37,16 @@ export declare const formErrorsInjectionKey: InjectionKey<Readonly<Ref<FormError
  * ```ts
  * size: size.value ?? props.size,
  * color: color.value ?? props.color,
- * highlight: highlight.value ?? props.highlight
+ * highlight: highlight.value ?? props.highlight,
+ * disabled: disabled.value ?? props.disabled
  * ```
  *
- * Final precedence: `explicit > FormField > <UTheme :props> > withDefaults > app.config > tv defaults`.
+ * `highlight` and `disabled` are Boolean props, which Vue auto-casts to `false`
+ * when unset, so they are normalized back to `undefined` here. Otherwise the
+ * `??` above would short-circuit on `false` and the proxy would never be read.
+ *
+ * Final precedence: `explicit > FormField > <UTheme :props> > app.config > withDefaults > tv defaults`,
+ * matching what `useComponentProps` resolves.
  */
 export declare function useFormField<T>(props?: Props<T>, opts?: {
     bind?: boolean;
@@ -50,8 +56,8 @@ export declare function useFormField<T>(props?: Props<T>, opts?: {
     name: ComputedRef<string | undefined>;
     size: ComputedRef<"xs" | "sm" | "md" | "lg" | "xl" | NonNullable<GetObjectField<T, "size">> | undefined>;
     color: ComputedRef<"error" | GetObjectField<T, "color"> | undefined>;
-    highlight: ComputedRef<boolean | undefined>;
-    disabled: ComputedRef<boolean | undefined>;
+    highlight: ComputedRef<true | undefined>;
+    disabled: ComputedRef<true | undefined>;
     emitFormBlur: () => void;
     emitFormInput: import("@vueuse/shared").UseDebounceFnReturn<() => void>;
     emitFormChange: () => void;

package/dist/runtime/composables/useFormField.js

@@ -1,4 +1,4 @@
-import { inject, computed, provide } from "vue";
+import { inject, computed, provide, getCurrentScope, onScopeDispose } from "vue";
 import { useDebounceFn } from "@vueuse/core";
 export const formOptionsInjectionKey = Symbol("nuxt-ui.form-options");
 export const formBusInjectionKey = Symbol("nuxt-ui.form-events");
@@ -35,8 +35,15 @@ export function useFormField(props, opts) {
   function emitFormChange() {
     emitFormEvent("change", formField?.value.name);
   }
+  let disposed = false;
+  if (getCurrentScope()) {
+    onScopeDispose(() => {
+      disposed = true;
+    });
+  }
   const emitFormInput = useDebounceFn(
     () => {
+      if (disposed) return;
       emitFormEvent("input", formField?.value.name, !opts?.deferInputValidation || formField?.value.eagerValidation);
     },
     formField?.value.validateOnInputDelay ?? formOptions?.value.validateOnInputDelay ?? 0
@@ -46,8 +53,8 @@ export function useFormField(props, opts) {
     name: computed(() => props?.name ?? formField?.value.name),
     size: computed(() => props?.size ?? formField?.value.size),
     color: computed(() => formField?.value.error ? "error" : props?.color),
-    highlight: computed(() => formField?.value.error ? true : props?.highlight),
-    disabled: computed(() => formOptions?.value.disabled || props?.disabled),
+    highlight: computed(() => formField?.value.error ? true : props?.highlight || void 0),
+    disabled: computed(() => formOptions?.value.disabled || props?.disabled || void 0),
     emitFormBlur,
     emitFormInput,
     emitFormChange,

package/dist/runtime/keyframes.css

@@ -1 +1 @@
-@keyframes accordion-up{0%{height:var(--reka-accordion-content-height);overflow:hidden}to{height:0;overflow:hidden}}@keyframes accordion-down{0%{height:0;overflow:hidden}to{height:var(--reka-accordion-content-height);overflow:hidden}}@keyframes collapsible-up{0%{height:var(--reka-collapsible-content-height);overflow:hidden}to{height:0;overflow:hidden}}@keyframes collapsible-down{0%{height:0;overflow:hidden}to{height:var(--reka-collapsible-content-height);overflow:hidden}}@keyframes toast-slide-in-from-top{0%{transform:translateY(-100%)}to{transform:var(--transform)}}@keyframes toast-slide-in-from-bottom{0%{transform:translateY(100%)}to{transform:var(--transform)}}@keyframes toast-slide-up{0%{transform:translateX(0) translateY(var(--translate))}to{transform:translateX(0) translateY(calc(var(--translate) - 100%))}}@keyframes toast-slide-down{0%{transform:translateX(0) translateY(var(--translate))}to{transform:translateX(0) translateY(calc(var(--translate) + 100%))}}@keyframes toast-pulse-a{0%,to{scale:1}50%{scale:1.04}}@keyframes toast-pulse-b{0%,to{scale:1}50%{scale:1.04}}@keyframes toast-collapsed-closed{0%{transform:var(--transform)}to{transform:translateY(calc((var(--before) - var(--height))*var(--gap))) scale(var(--scale))}}@keyframes toast-closed{0%{transform:var(--transform)}to{transform:translateY(calc((var(--offset) - var(--height))*var(--translate-factor)))}}@keyframes toast-slide-left{0%{transform:translateX(0) translateY(var(--translate))}to{transform:translateX(-100%) translateY(var(--translate))}}@keyframes toast-slide-right{0%{transform:translateX(0) translateY(var(--translate))}to{transform:translateX(100%) translateY(var(--translate))}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slide-in-from-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slide-out-to-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slide-in-from-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slide-out-to-right{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes slide-in-from-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-out-to-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slide-in-from-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slide-out-to-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slide-in-from-top-and-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out-to-top-and-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes slide-in-from-right-and-fade{0%{opacity:0;transform:translateX(4px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out-to-right-and-fade{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(4px)}}@keyframes slide-in-from-bottom-and-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out-to-bottom-and-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}@keyframes slide-in-from-left-and-fade{0%{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out-to-left-and-fade{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-4px)}}@keyframes enter-from-right{0%{opacity:0;transform:translateX(200px)}to{opacity:1;transform:translateX(0)}}@keyframes enter-from-left{0%{opacity:0;transform:translateX(-200px)}to{opacity:1;transform:translateX(0)}}@keyframes exit-to-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(200px)}}@keyframes exit-to-left{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-200px)}}@keyframes carousel{0%,to{width:50%}0%{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes carousel-rtl{0%,to{width:50%}0%{transform:translateX(100%)}to{transform:translateX(-200%)}}@keyframes carousel-vertical{0%,to{height:50%}0%{transform:translateY(-100%)}to{transform:translateY(200%)}}@keyframes carousel-inverse{0%,to{width:50%}0%{transform:translateX(200%)}to{transform:translateX(-100%)}}@keyframes carousel-inverse-rtl{0%,to{width:50%}0%{transform:translateX(-200%)}to{transform:translateX(100%)}}@keyframes carousel-inverse-vertical{0%,to{height:50%}0%{transform:translateY(200%)}to{transform:translateY(-100%)}}@keyframes swing{0%,to{width:50%}0%,to{transform:translateX(-25%)}50%{transform:translateX(125%)}}@keyframes swing-vertical{0%,to{height:50%}0%,to{transform:translateY(-25%)}50%{transform:translateY(125%)}}@keyframes elastic{0%,to{margin-left:25%;width:50%}50%{margin-left:5%;width:90%}}@keyframes elastic-vertical{0%,to{height:50%;margin-top:25%}50%{height:90%;margin-top:5%}}@keyframes marquee{0%{transform:translateZ(0)}to{transform:translate3d(calc(-100% - var(--gap)),0,0)}}@keyframes marquee-rtl{0%{transform:translateZ(0)}to{transform:translate3d(calc(100% + var(--gap)),0,0)}}@keyframes marquee-vertical{0%{transform:translateZ(0)}to{transform:translate3d(0,calc(-100% - var(--gap)),0)}}@keyframes marquee-vertical-rtl{0%{transform:translate3d(0,calc(-100% - var(--gap)),0)}to{transform:translate3d(0,calc(-100%*var(--gap)),0)}}@keyframes shimmer{0%{background-position:100%}to{background-position:0}}@keyframes shimmer-rtl{0%{background-position:0}to{background-position:100%}}
+@keyframes accordion-up{0%{height:var(--reka-accordion-content-height);overflow:hidden}to{height:0;overflow:hidden}}@keyframes accordion-down{0%{height:0;overflow:hidden}to{height:var(--reka-accordion-content-height);overflow:hidden}}@keyframes collapsible-up{0%{height:var(--reka-collapsible-content-height);overflow:hidden}to{height:0;overflow:hidden}}@keyframes collapsible-down{0%{height:0;overflow:hidden}to{height:var(--reka-collapsible-content-height);overflow:hidden}}@keyframes toast-slide-in-from-top{0%{transform:translateY(-100%)}to{transform:var(--transform)}}@keyframes toast-slide-in-from-bottom{0%{transform:translateY(100%)}to{transform:var(--transform)}}@keyframes toast-slide-up{0%{transform:translateX(0) translateY(var(--translate))}to{transform:translateX(0) translateY(calc(var(--translate) - 100%))}}@keyframes toast-slide-down{0%{transform:translateX(0) translateY(var(--translate))}to{transform:translateX(0) translateY(calc(var(--translate) + 100%))}}@keyframes toast-pulse-a{0%,to{scale:1}50%{scale:1.04}}@keyframes toast-pulse-b{0%,to{scale:1}50%{scale:1.04}}@keyframes toast-collapsed-closed{0%{transform:var(--transform)}to{transform:translateY(calc((var(--before) - var(--height))*var(--gap))) scale(var(--scale))}}@keyframes toast-closed{0%{transform:var(--transform)}to{transform:translateY(calc((var(--offset) - var(--height))*var(--translate-factor)))}}@keyframes toast-slide-left{0%{transform:translateX(0) translateY(var(--translate))}to{transform:translateX(-100%) translateY(var(--translate))}}@keyframes toast-slide-right{0%{transform:translateX(0) translateY(var(--translate))}to{transform:translateX(100%) translateY(var(--translate))}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slide-in-from-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slide-out-to-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slide-in-from-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slide-out-to-right{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes slide-in-from-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-out-to-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slide-in-from-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slide-out-to-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slide-in-from-top-and-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out-to-top-and-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes slide-in-from-right-and-fade{0%{opacity:0;transform:translateX(4px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out-to-right-and-fade{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(4px)}}@keyframes slide-in-from-bottom-and-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out-to-bottom-and-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}@keyframes slide-in-from-left-and-fade{0%{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out-to-left-and-fade{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-4px)}}@keyframes enter-from-right{0%{opacity:0;transform:translateX(200px)}to{opacity:1;transform:translateX(0)}}@keyframes enter-from-left{0%{opacity:0;transform:translateX(-200px)}to{opacity:1;transform:translateX(0)}}@keyframes exit-to-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(200px)}}@keyframes exit-to-left{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-200px)}}@keyframes carousel{0%,to{width:50%}0%{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes carousel-rtl{0%,to{width:50%}0%{transform:translateX(100%)}to{transform:translateX(-200%)}}@keyframes carousel-vertical{0%,to{height:50%}0%{transform:translateY(-100%)}to{transform:translateY(200%)}}@keyframes carousel-inverse{0%,to{width:50%}0%{transform:translateX(200%)}to{transform:translateX(-100%)}}@keyframes carousel-inverse-rtl{0%,to{width:50%}0%{transform:translateX(-200%)}to{transform:translateX(100%)}}@keyframes carousel-inverse-vertical{0%,to{height:50%}0%{transform:translateY(200%)}to{transform:translateY(-100%)}}@keyframes swing{0%,to{width:50%}0%,to{transform:translateX(-25%)}50%{transform:translateX(125%)}}@keyframes swing-vertical{0%,to{height:50%}0%,to{transform:translateY(-25%)}50%{transform:translateY(125%)}}@keyframes elastic{0%,to{left:25%;width:50%}50%{left:0;width:100%}}@keyframes elastic-vertical{0%,to{height:50%;top:25%}50%{height:100%;top:0}}@keyframes marquee{0%{transform:translateZ(0)}to{transform:translate3d(calc(-100% - var(--gap)),0,0)}}@keyframes marquee-rtl{0%{transform:translateZ(0)}to{transform:translate3d(calc(100% + var(--gap)),0,0)}}@keyframes marquee-vertical{0%{transform:translateZ(0)}to{transform:translate3d(0,calc(-100% - var(--gap)),0)}}@keyframes shimmer{0%{background-position:100%}to{background-position:0}}@keyframes shimmer-rtl{0%{background-position:0}to{background-position:100%}}@media (prefers-reduced-motion:reduce){@keyframes scale-in{0%{opacity:0}to{opacity:1}}@keyframes scale-out{0%{opacity:1}to{opacity:0}}@keyframes slide-in-from-top{0%{opacity:0}to{opacity:1}}@keyframes slide-out-to-top{0%{opacity:1}to{opacity:0}}@keyframes slide-in-from-right{0%{opacity:0}to{opacity:1}}@keyframes slide-out-to-right{0%{opacity:1}to{opacity:0}}@keyframes slide-in-from-bottom{0%{opacity:0}to{opacity:1}}@keyframes slide-out-to-bottom{0%{opacity:1}to{opacity:0}}@keyframes slide-in-from-left{0%{opacity:0}to{opacity:1}}@keyframes slide-out-to-left{0%{opacity:1}to{opacity:0}}@keyframes slide-in-from-top-and-fade{0%{opacity:0}to{opacity:1}}@keyframes slide-out-to-top-and-fade{0%{opacity:1}to{opacity:0}}@keyframes slide-in-from-right-and-fade{0%{opacity:0}to{opacity:1}}@keyframes slide-out-to-right-and-fade{0%{opacity:1}to{opacity:0}}@keyframes slide-in-from-bottom-and-fade{0%{opacity:0}to{opacity:1}}@keyframes slide-out-to-bottom-and-fade{0%{opacity:1}to{opacity:0}}@keyframes slide-in-from-left-and-fade{0%{opacity:0}to{opacity:1}}@keyframes slide-out-to-left-and-fade{0%{opacity:1}to{opacity:0}}@keyframes enter-from-right{0%{opacity:0}to{opacity:1}}@keyframes enter-from-left{0%{opacity:0}to{opacity:1}}@keyframes exit-to-right{0%{opacity:1}to{opacity:0}}@keyframes exit-to-left{0%{opacity:1}to{opacity:0}}@keyframes toast-slide-in-from-top{0%{opacity:0}to{opacity:1}}@keyframes toast-slide-in-from-bottom{0%{opacity:0}to{opacity:1}}@keyframes toast-closed{0%{opacity:1}to{opacity:0}}@keyframes toast-collapsed-closed{0%{opacity:1}to{opacity:0}}}

package/dist/runtime/locale/da.js

@@ -1,6 +1,6 @@
 import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
-  name: "Danish",
+  name: "Dansk",
   code: "da",
   messages: {
     alert: {

package/dist/runtime/locale/de_at.js

@@ -0,0 +1,7 @@
+import { defineLocale } from "../composables/defineLocale.js";
+import de from "./de.js";
+export default defineLocale({
+  name: "Deutsch (\xD6sterreich)",
+  code: "de-AT",
+  messages: de.messages
+});

package/dist/runtime/locale/de_ch.js

@@ -1,6 +1,6 @@
 import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
-  name: "Schweizerdeutsch",
+  name: "Schweizer Hochdeutsch",
   code: "de-CH",
   messages: {
     alert: {

package/dist/runtime/locale/eu.js

@@ -1,6 +1,6 @@
 import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
-  name: "Euskera",
+  name: "Euskara",
   code: "eu",
   messages: {
     alert: {

package/dist/runtime/locale/fi.js

@@ -1,6 +1,6 @@
 import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
-  name: "Suomeksi",
+  name: "Suomi",
   code: "fi",
   messages: {
     alert: {

package/dist/runtime/locale/he.js

@@ -1,6 +1,6 @@
 import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
-  name: "Hebrew",
+  name: "\u05E2\u05D1\u05E8\u05D9\u05EA",
   code: "he",
   dir: "rtl",
   messages: {

package/dist/runtime/locale/hi.js

@@ -1,6 +1,6 @@
 import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
-  name: "Hindi",
+  name: "\u0939\u093F\u0928\u094D\u0926\u0940",
   code: "hi",
   messages: {
     alert: {

package/dist/runtime/locale/index.d.ts

@@ -8,6 +8,7 @@ export { default as ckb } from './ckb';
 export { default as cs } from './cs';
 export { default as da } from './da';
 export { default as de } from './de';
+export { default as de_at } from './de_at';
 export { default as de_ch } from './de_ch';
 export { default as el } from './el';
 export { default as en } from './en';
@@ -50,8 +51,8 @@ export { default as sk } from './sk';
 export { default as sl } from './sl';
 export { default as sq } from './sq';
 export { default as sv } from './sv';
+export { default as tg } from './tg';
 export { default as th } from './th';
-export { default as tj } from './tj';
 export { default as tr } from './tr';
 export { default as ug_cn } from './ug_cn';
 export { default as uk } from './uk';

package/dist/runtime/locale/index.js

@@ -8,6 +8,7 @@ export { default as ckb } from "./ckb.js";
 export { default as cs } from "./cs.js";
 export { default as da } from "./da.js";
 export { default as de } from "./de.js";
+export { default as de_at } from "./de_at.js";
 export { default as de_ch } from "./de_ch.js";
 export { default as el } from "./el.js";
 export { default as en } from "./en.js";
@@ -50,8 +51,8 @@ export { default as sk } from "./sk.js";
 export { default as sl } from "./sl.js";
 export { default as sq } from "./sq.js";
 export { default as sv } from "./sv.js";
+export { default as tg } from "./tg.js";
 export { default as th } from "./th.js";
-export { default as tj } from "./tj.js";
 export { default as tr } from "./tr.js";
 export { default as ug_cn } from "./ug_cn.js";
 export { default as uk } from "./uk.js";

package/dist/runtime/locale/is.js

@@ -1,6 +1,6 @@
 import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
-  name: "Icelandic",
+  name: "\xCDslenska",
   code: "is",
   messages: {
     alert: {

package/dist/runtime/locale/lb.js

@@ -22,7 +22,7 @@ export default defineLocale({
     },
     carousel: {
       dots: "Wielt Dia fir ze weisen",
-      goto: "Gitt op d'Slide {Slide}",
+      goto: "Gitt op d'Slide {slide}",
       next: "N\xE4ch.",
       prev: "Pr\xE4z."
     },

package/dist/runtime/locale/tg.d.ts

@@ -0,0 +1,3 @@
+import type { Messages } from '../types/locale';
+declare const _default: import("../types").Locale<Messages>;
+export default _default;

package/dist/runtime/locale/{tj.js → tg.js}

@@ -1,7 +1,7 @@
 import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
   name: "\u0422\u043E\u04B7\u0438\u043A\u04E3",
-  code: "tj",
+  code: "tg",
   messages: {
     alert: {
       close: "\u0411\u0430\u0441\u0442\u0430\u043D"

package/dist/runtime/locale/ur.js

@@ -1,6 +1,6 @@
 import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
-  name: "Urdu",
+  name: "\u0627\u0631\u062F\u0648",
   code: "ur",
   dir: "rtl",
   messages: {

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

@@ -22,7 +22,7 @@ export interface Form<S extends FormSchema> {
     blurredFields: ReadonlySet<DeepReadonly<keyof FormData<S, false>>>;
 }
 export type FormSchema<I extends object = object, O extends object = I> = SuperstructSchema<any, any> | StandardSchemaV1<I, O>;
-export type InferInput<Schema> = Schema extends StandardSchemaV1 ? StandardSchemaV1.InferInput<Schema> : Schema extends SuperstructSchema<infer I, any> ? I : Schema extends StandardSchemaV1 ? StandardSchemaV1.InferInput<Schema> : never;
+export type InferInput<Schema> = Schema extends StandardSchemaV1 ? StandardSchemaV1.InferInput<Schema> : Schema extends SuperstructSchema<infer I, any> ? I : never;
 export type InferOutput<Schema> = Schema extends StandardSchemaV1 ? StandardSchemaV1.InferOutput<Schema> : Schema extends SuperstructSchema<infer O, any> ? O : never;
 export type FormData<S extends FormSchema, T extends boolean = true> = T extends true ? InferOutput<S> : InferInput<S>;
 export type FormInputEvents = 'input' | 'blur' | 'change' | 'focus';

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

@@ -2,7 +2,9 @@ import type { AnchorHTMLAttributes as VueAnchorHTMLAttributes, ButtonHTMLAttribu
 export type AnchorHTMLAttributes = Pick<VueAnchorHTMLAttributes, 'download' | 'href' | 'hreflang' | 'media' | 'ping' | 'rel' | 'target' | 'type' | 'referrerpolicy'>;
 export type ButtonHTMLAttributes = Pick<VueButtonHTMLAttributes, 'autofocus' | 'disabled' | 'form' | 'formaction' | 'formenctype' | 'formmethod' | 'formnovalidate' | 'formtarget' | 'name' | 'type'>;
 export type FormHTMLAttributes = Pick<VueFormHTMLAttributes, 'acceptcharset' | 'action' | 'autocomplete' | 'enctype' | 'method' | 'name' | 'novalidate' | 'target'>;
-export type ImgHTMLAttributes = Pick<VueImgHTMLAttributes, 'alt' | 'crossorigin' | 'decoding' | 'height' | 'loading' | 'referrerpolicy' | 'sizes' | 'src' | 'srcset' | 'usemap' | 'width'>;
+export type ImgHTMLAttributes = Pick<VueImgHTMLAttributes, 'alt' | 'decoding' | 'height' | 'loading' | 'referrerpolicy' | 'sizes' | 'src' | 'srcset' | 'usemap' | 'width'> & {
+    crossorigin?: 'anonymous' | 'use-credentials';
+};
 export type InputHTMLAttributes = Pick<VueInputHTMLAttributes, 'autofocus' | 'disabled' | 'enterKeyHint' | 'form' | 'formaction' | 'formenctype' | 'formmethod' | 'formnovalidate' | 'formtarget' | 'list' | 'max' | 'maxlength' | 'min' | 'minlength' | 'name' | 'pattern' | 'placeholder' | 'readonly' | 'required' | 'size' | 'step' | 'type'> & {
     autocomplete?: 'on' | 'off' | (string & {});
 };

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

@@ -95,6 +95,7 @@ export * from '../components/PricingPlan.vue';
 export * from '../components/PricingPlans.vue';
 export * from '../components/PricingTable.vue';
 export * from '../components/Progress.vue';
+export * from '../components/ProgressGroup.vue';
 export * from '../components/RadioGroup.vue';
 export * from '../components/ScrollArea.vue';
 export * from '../components/Select.vue';
@@ -104,6 +105,7 @@ export * from '../components/Sidebar.vue';
 export * from '../components/Skeleton.vue';
 export * from '../components/Slideover.vue';
 export * from '../components/Slider.vue';
+export * from '../components/Splitter.vue';
 export * from '../components/Stepper.vue';
 export * from '../components/Switch.vue';
 export * from '../components/Table.vue';

package/dist/runtime/types/index.js

@@ -95,6 +95,7 @@ export * from "../components/PricingPlan.vue";
 export * from "../components/PricingPlans.vue";
 export * from "../components/PricingTable.vue";
 export * from "../components/Progress.vue";
+export * from "../components/ProgressGroup.vue";
 export * from "../components/RadioGroup.vue";
 export * from "../components/ScrollArea.vue";
 export * from "../components/Select.vue";
@@ -104,6 +105,7 @@ export * from "../components/Sidebar.vue";
 export * from "../components/Skeleton.vue";
 export * from "../components/Slideover.vue";
 export * from "../components/Slider.vue";
+export * from "../components/Splitter.vue";
 export * from "../components/Stepper.vue";
 export * from "../components/Switch.vue";
 export * from "../components/Table.vue";

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

@@ -124,6 +124,7 @@ export interface ThemeDefaults {
     pricingPlans?: Partial<ComponentTypes.PricingPlansProps>;
     pricingTable?: Partial<ComponentTypes.PricingTableProps>;
     progress?: Partial<ComponentTypes.ProgressProps>;
+    progressGroup?: Partial<ComponentTypes.ProgressGroupProps>;
     /**
      * Prose components that expose overridable props, under a `prose` namespace
      * (mirrors `app.config.ui.prose` and `useComponentProps('prose.<tag>', …)`).
@@ -164,6 +165,7 @@ export interface ThemeDefaults {
     skeleton?: Partial<ComponentTypes.SkeletonProps>;
     slideover?: Partial<ComponentTypes.SlideoverProps>;
     slider?: Partial<ComponentTypes.SliderProps>;
+    splitter?: Partial<ComponentTypes.SplitterProps>;
     stepper?: Partial<ComponentTypes.StepperProps>;
     switch?: Partial<ComponentTypes.SwitchProps>;
     table?: Partial<ComponentTypes.TableProps>;

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

@@ -1,8 +1,12 @@
 import type { ClassValue, TVVariants, TVCompoundVariants, TVDefaultVariants } from 'tailwind-variants';
 /**
  * A function form for a slot class that **replaces** the slot's default classes
- * instead of merging onto them. It receives the slot's fully resolved default
- * class string and returns the classes to use in its place.
+ * instead of merging onto them, returning the classes to use in their place.
+ * In `app.config.ui` it receives the slot's own theme classes and replaces only
+ * those — `variants` and `compoundVariants` still apply on top. In `:ui` / `class`
+ * it runs after variant resolution, so it receives the fully resolved class
+ * string and replaces it, keeping only the plain classes passed alongside the
+ * replacer (e.g. `[() => 'text-xl', 'opacity-50']` resolves to both).
  * @example title: defaults => 'text-xl font-bold'
  */
 export type SlotClassReplacer = (defaults: string) => ClassValue;

package/dist/runtime/utils/link-keys.d.ts

@@ -0,0 +1 @@
+export declare const linkKeys: readonly ["active", "activeClass", "ariaCurrentValue", "as", "disabled", "download", "exact", "exactActiveClass", "exactHash", "exactQuery", "external", "form", "formaction", "formenctype", "formmethod", "formnovalidate", "formtarget", "href", "hreflang", "inactiveClass", "locale", "media", "noPrefetch", "noRel", "onClick", "ping", "prefetch", "prefetchOn", "prefetchedClass", "referrerpolicy", "rel", "replace", "target", "title", "to", "trailingSlash", "type", "viewTransition"];

package/dist/runtime/utils/link-keys.js

@@ -0,0 +1,40 @@
+export const linkKeys = [
+  "active",
+  "activeClass",
+  "ariaCurrentValue",
+  "as",
+  "disabled",
+  "download",
+  "exact",
+  "exactActiveClass",
+  "exactHash",
+  "exactQuery",
+  "external",
+  "form",
+  "formaction",
+  "formenctype",
+  "formmethod",
+  "formnovalidate",
+  "formtarget",
+  "href",
+  "hreflang",
+  "inactiveClass",
+  "locale",
+  "media",
+  "noPrefetch",
+  "noRel",
+  "onClick",
+  "ping",
+  "prefetch",
+  "prefetchOn",
+  "prefetchedClass",
+  "referrerpolicy",
+  "rel",
+  "replace",
+  "target",
+  "title",
+  "to",
+  "trailingSlash",
+  "type",
+  "viewTransition"
+];

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

@@ -1,5 +1,6 @@
 import type { LinkProps } from '../components/Link.vue';
-export declare const linkKeys: readonly ["active", "activeClass", "ariaCurrentValue", "as", "disabled", "download", "exact", "exactActiveClass", "exactHash", "exactQuery", "external", "form", "formaction", "formenctype", "formmethod", "formnovalidate", "formtarget", "href", "hreflang", "inactiveClass", "locale", "media", "noPrefetch", "noRel", "onClick", "ping", "prefetch", "prefetchOn", "prefetchedClass", "referrerpolicy", "rel", "replace", "target", "title", "to", "trailingSlash", "type", "viewTransition"];
+import { linkKeys } from './link-keys';
+export { linkKeys };
 export declare function pickLinkProps(link: LinkProps & {
     [key: string]: any;
 }): import("@vueuse/shared").ReactivePickReturn<LinkProps & {

package/dist/runtime/utils/link.js

@@ -1,45 +1,7 @@
 import { reactivePick } from "@vueuse/core";
 import { isEqual, diff } from "ohash/utils";
-export const linkKeys = [
-  "active",
-  "activeClass",
-  "ariaCurrentValue",
-  "as",
-  "disabled",
-  "download",
-  "exact",
-  "exactActiveClass",
-  "exactHash",
-  "exactQuery",
-  "external",
-  "form",
-  "formaction",
-  "formenctype",
-  "formmethod",
-  "formnovalidate",
-  "formtarget",
-  "href",
-  "hreflang",
-  "inactiveClass",
-  "locale",
-  "media",
-  "noPrefetch",
-  "noRel",
-  "onClick",
-  "ping",
-  "prefetch",
-  "prefetchOn",
-  "prefetchedClass",
-  "referrerpolicy",
-  "rel",
-  "replace",
-  "target",
-  "title",
-  "to",
-  "trailingSlash",
-  "type",
-  "viewTransition"
-];
+import { linkKeys } from "./link-keys.js";
+export { linkKeys };
 export function pickLinkProps(link) {
   const keys = Object.keys(link);
   const ariaKeys = keys.filter((key) => key.startsWith("aria-"));

package/dist/runtime/utils/search.js

@@ -8,15 +8,6 @@ const htmlEscapes = {
 function escapeHTML(str) {
   return str.replace(/[&<>"']/g, (char) => htmlEscapes[char]);
 }
-function isAlreadyEscaped(str) {
-  return /&(?:amp|lt|gt|quot|#39);/.test(str);
-}
-function sanitize(str) {
-  if (isAlreadyEscaped(str)) {
-    return str;
-  }
-  return escapeHTML(str);
-}
 function truncateHTMLFromStart(html, maxLength) {
   let truncated = "";
   let totalLength = 0;
@@ -62,14 +53,14 @@ export function highlight(item, searchTerm, forceKey, omitKeys, useTokenSearch)
       const lastIndiceNextIndex = region[1] + 1;
       const isMatched = lastIndiceNextIndex - region[0] >= minTokenLength;
       content += [
-        sanitize(value.substring(nextUnhighlightedRegionStartingIndex, region[0])),
+        escapeHTML(value.substring(nextUnhighlightedRegionStartingIndex, region[0])),
         isMatched && `<mark>`,
-        sanitize(value.substring(region[0], lastIndiceNextIndex)),
+        escapeHTML(value.substring(region[0], lastIndiceNextIndex)),
         isMatched && "</mark>"
       ].filter(Boolean).join("");
       nextUnhighlightedRegionStartingIndex = lastIndiceNextIndex;
     });
-    content += sanitize(value.substring(nextUnhighlightedRegionStartingIndex));
+    content += escapeHTML(value.substring(nextUnhighlightedRegionStartingIndex));
     const markIndex = content.indexOf("<mark>");
     if (markIndex !== -1) {
       content = truncateHTMLFromStart(content, content.length - markIndex);