@nuxt/ui 4.10.0 → 4.11.1

package/dist/runtime/components/Table.vue

@@ -359,7 +359,7 @@ defineExpose({
     </tr>
 
     <tr v-if="row.getIsExpanded()" data-slot="tr" :class="ui.tr({ class: [props.ui?.tr] })">
-      <td :colspan="row.getAllCells().length" data-slot="td" :class="ui.td({ class: [props.ui?.td] })">
+      <td :colspan="row.getVisibleCells().length" data-slot="td" :class="ui.td({ class: [props.ui?.td] })">
         <slot name="expanded" :row="row" />
       </td>
     </tr>
@@ -412,7 +412,7 @@ defineExpose({
 
           <template v-if="virtualizer">
             <tr v-if="virtualPaddingTop > 0" :style="{ height: `${virtualPaddingTop}px` }" aria-hidden="true">
-              <td :colspan="tableApi.getAllLeafColumns().length" />
+              <td :colspan="tableApi.getVisibleLeafColumns().length" />
             </tr>
             <template v-for="virtualRow in virtualItems" :key="centerRows[virtualRow.index]?.id ?? `virtual-${virtualRow.index}`">
               <ReuseRowTemplate
@@ -422,7 +422,7 @@ defineExpose({
               />
             </template>
             <tr v-if="virtualPaddingBottom > 0" :style="{ height: `${virtualPaddingBottom}px` }" aria-hidden="true">
-              <td :colspan="tableApi.getAllLeafColumns().length" />
+              <td :colspan="tableApi.getVisibleLeafColumns().length" />
             </tr>
           </template>
 
@@ -434,13 +434,13 @@ defineExpose({
         </template>
 
         <tr v-else-if="props.loading && !!slots['loading']">
-          <td :colspan="tableApi.getAllLeafColumns().length" data-slot="loading" :class="ui.loading({ class: props.ui?.loading })">
+          <td :colspan="tableApi.getVisibleLeafColumns().length" data-slot="loading" :class="ui.loading({ class: props.ui?.loading })">
             <slot name="loading" />
           </td>
         </tr>
 
         <tr v-else>
-          <td :colspan="tableApi.getAllLeafColumns().length" data-slot="empty" :class="ui.empty({ class: props.ui?.empty })">
+          <td :colspan="tableApi.getVisibleLeafColumns().length" data-slot="empty" :class="ui.empty({ class: props.ui?.empty })">
             <slot name="empty">
               {{ props.empty || t("table.noData") }}
             </slot>

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/color-mode/ColorModeSelect.vue

@@ -32,6 +32,7 @@ const props = defineProps({
   modelModifiers: { type: null, required: false },
   multiple: { type: Boolean, required: false },
   highlight: { type: Boolean, required: false },
+  fixed: { type: Boolean, required: false },
   createItem: { type: [Boolean, String, Object], required: false },
   filterFields: { type: Array, required: false },
   ignoreFilter: { type: Boolean, required: false },

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/components/locale/LocaleSelect.vue

@@ -31,6 +31,7 @@ const props = defineProps({
   modelModifiers: { type: null, required: false },
   multiple: { type: Boolean, required: false },
   highlight: { type: Boolean, required: false },
+  fixed: { type: Boolean, required: false },
   createItem: { type: [Boolean, String, Object], required: false },
   filterFields: { type: Array, required: false },
   ignoreFilter: { type: Boolean, required: false },

package/dist/runtime/components/prose/CodeTree.vue

@@ -3,7 +3,7 @@ import theme from "#build/ui/prose/code-tree";
 </script>
 
 <script setup>
-import { computed, watch, onBeforeUpdate, ref } from "vue";
+import { computed, watch, onBeforeUpdate, onMounted, ref } from "vue";
 import { TreeRoot, TreeItem } from "reka-ui";
 import { createReusableTemplate } from "@vueuse/core";
 import { useAppConfig } from "#imports";
@@ -28,7 +28,6 @@ const [DefineTreeTemplate, ReuseTreeTemplate] = createReusableTemplate();
 const ui = computed(() => tv({ extend: theme, ...appConfig.ui?.prose?.codeTree || {} })());
 const initialPath = props.modelValue ?? props.defaultValue;
 const model = ref(initialPath ? { path: initialPath } : void 0);
-const lastSelectedItem = ref();
 watch(model, (value) => {
   if (value?.path !== props.modelValue) {
     emits("update:modelValue", value?.path);
@@ -37,12 +36,13 @@ watch(model, (value) => {
 watch(() => props.modelValue, (value) => {
   if (value === model.value?.path) return;
   model.value = value ? { path: value } : void 0;
-  const pathsToExpand = getExpandedPaths(value);
-  for (const path of pathsToExpand) {
-    if (!expanded.value.includes(path)) {
-      expanded.value.push(path);
+  const next = [...expanded.value];
+  for (const path of getExpandedPaths(value)) {
+    if (!next.includes(path)) {
+      next.push(path);
     }
   }
+  expanded.value = next;
 });
 const rerenderCount = ref(1);
 const flatItems = computed(() => {
@@ -101,21 +101,34 @@ function getExpandedPaths(path) {
   const parts = path.split("/");
   return parts.slice(0, -1).map((_, index) => parts.slice(0, index + 1).join("/"));
 }
-const expanded = ref(getExpandedPaths(model.value?.path));
-watch(flatItems, (newItems, oldItems) => {
-  if (!props.expandAll) return;
-  const newLabels = newItems.map((i) => i.label).join("\n");
-  const oldLabels = oldItems?.map((i) => i.label).join("\n") ?? "";
-  if (newLabels !== oldLabels) {
-    expanded.value = getExpandedPaths();
+const expandedOverride = ref(props.expandAll ? null : getExpandedPaths(model.value?.path));
+const expanded = computed({
+  get: () => expandedOverride.value ?? getExpandedPaths(),
+  set: (value) => {
+    expandedOverride.value = value;
   }
 });
-watch(model, (value) => {
-  const item = flatItems.value.find((item2) => value?.path === item2.label);
+watch(() => props.expandAll, (value) => {
+  expandedOverride.value = value ? null : getExpandedPaths(model.value?.path);
+});
+onMounted(() => {
+  watch(flatItems, (newItems, oldItems) => {
+    if (!props.expandAll) return;
+    const newLabels = newItems.map((i) => i.label).join("\n");
+    const oldLabels = oldItems?.map((i) => i.label).join("\n") ?? "";
+    if (newLabels !== oldLabels) {
+      expandedOverride.value = null;
+    }
+  });
+});
+let lastFile;
+const currentFile = computed(() => {
+  const item = flatItems.value.find((item2) => model.value?.path === item2.label);
   if (item?.component) {
-    lastSelectedItem.value = item;
+    lastFile = item;
   }
-}, { immediate: true });
+  return lastFile;
+});
 onBeforeUpdate(() => rerenderCount.value++);
 </script>
 
@@ -183,7 +196,7 @@ onBeforeUpdate(() => rerenderCount.value++);
     </TreeRoot>
 
     <div :class="ui.content({ class: props.ui?.content })">
-      <component :is="lastSelectedItem?.component" />
+      <component :is="currentFile?.component" />
     </div>
   </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>;