@nuxt/ui 4.4.0 → 4.5.0

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

@@ -5,18 +5,21 @@ import theme from "#build/ui/prose/th";
 <script setup>
 import { computed } from "vue";
 import { useAppConfig } from "#imports";
+import { useComponentUI } from "../../composables/useComponentUI";
 import { tv } from "../../utils/tv";
 const props = defineProps({
   align: { type: String, required: false },
-  class: { type: null, required: false }
+  class: { type: null, required: false },
+  ui: { type: Object, required: false }
 });
 defineSlots();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("prose.th", props);
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.th || {} }));
 </script>
 
 <template>
-  <th :class="ui({ align: props.align, class: props.class })">
+  <th :class="ui({ align: props.align, class: [uiProp?.base, props.class] })">
     <slot />
   </th>
 </template>

package/dist/runtime/components/prose/Th.vue.d.ts

@@ -1,6 +1,9 @@
 export interface ProseThProps {
     align?: 'left' | 'center' | 'right';
     class?: any;
+    ui?: {
+        base?: any;
+    };
 }
 export interface ProseThSlots {
     default(props?: {}): any;

package/dist/runtime/components/prose/Thead.d.vue.ts

@@ -1,5 +1,8 @@
 export interface ProseTheadProps {
     class?: any;
+    ui?: {
+        base?: any;
+    };
 }
 export interface ProseTheadSlots {
     default(props?: {}): any;

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

@@ -5,17 +5,20 @@ import theme from "#build/ui/prose/thead";
 <script setup>
 import { computed } from "vue";
 import { useAppConfig } from "#imports";
+import { useComponentUI } from "../../composables/useComponentUI";
 import { tv } from "../../utils/tv";
 const props = defineProps({
-  class: { type: null, required: false }
+  class: { type: null, required: false },
+  ui: { type: Object, required: false }
 });
 defineSlots();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("prose.thead", props);
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.thead || {} }));
 </script>
 
 <template>
-  <thead :class="ui({ class: props.class })">
+  <thead :class="ui({ class: [uiProp?.base, props.class] })">
     <slot />
   </thead>
 </template>

package/dist/runtime/components/prose/Thead.vue.d.ts

@@ -1,5 +1,8 @@
 export interface ProseTheadProps {
     class?: any;
+    ui?: {
+        base?: any;
+    };
 }
 export interface ProseTheadSlots {
     default(props?: {}): any;

package/dist/runtime/components/prose/Tr.d.vue.ts

@@ -1,5 +1,8 @@
 export interface ProseTrProps {
     class?: any;
+    ui?: {
+        base?: any;
+    };
 }
 export interface ProseTrSlots {
     default(props?: {}): any;

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

@@ -5,17 +5,20 @@ import theme from "#build/ui/prose/tr";
 <script setup>
 import { computed } from "vue";
 import { useAppConfig } from "#imports";
+import { useComponentUI } from "../../composables/useComponentUI";
 import { tv } from "../../utils/tv";
 const props = defineProps({
-  class: { type: null, required: false }
+  class: { type: null, required: false },
+  ui: { type: Object, required: false }
 });
 defineSlots();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("prose.tr", props);
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.tr || {} }));
 </script>
 
 <template>
-  <tr :class="ui({ class: props.class })">
+  <tr :class="ui({ class: [uiProp?.base, props.class] })">
     <slot />
   </tr>
 </template>

package/dist/runtime/components/prose/Tr.vue.d.ts

@@ -1,5 +1,8 @@
 export interface ProseTrProps {
     class?: any;
+    ui?: {
+        base?: any;
+    };
 }
 export interface ProseTrSlots {
     default(props?: {}): any;

package/dist/runtime/components/prose/Ul.d.vue.ts

@@ -1,5 +1,8 @@
 export interface ProseUlProps {
     class?: any;
+    ui?: {
+        base?: any;
+    };
 }
 export interface ProseUlSlots {
     default(props?: {}): any;

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

@@ -5,17 +5,20 @@ import theme from "#build/ui/prose/ul";
 <script setup>
 import { computed } from "vue";
 import { useAppConfig } from "#imports";
+import { useComponentUI } from "../../composables/useComponentUI";
 import { tv } from "../../utils/tv";
 const props = defineProps({
-  class: { type: null, required: false }
+  class: { type: null, required: false },
+  ui: { type: Object, required: false }
 });
 defineSlots();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("prose.ul", props);
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.ul || {} }));
 </script>
 
 <template>
-  <ul :class="ui({ class: props.class })">
+  <ul :class="ui({ class: [uiProp?.base, props.class] })">
     <slot />
   </ul>
 </template>

package/dist/runtime/components/prose/Ul.vue.d.ts

@@ -1,5 +1,8 @@
 export interface ProseUlProps {
     class?: any;
+    ui?: {
+        base?: any;
+    };
 }
 export interface ProseUlSlots {
     default(props?: {}): any;

package/dist/runtime/composables/defineShortcuts.js

@@ -95,7 +95,10 @@ export function defineShortcuts(config, options = {}) {
       if (e.ctrlKey !== shortcut.ctrlKey) {
         continue;
       }
-      if ((alphabetKey || shiftableKey || shortcut.shiftKey || e.shiftKey) && e.shiftKey !== shortcut.shiftKey) {
+      if (e.altKey !== shortcut.altKey) {
+        continue;
+      }
+      if ((alphabetKey || shiftableKey || shortcut.shiftKey || e.shiftKey && (e.metaKey || e.ctrlKey)) && e.shiftKey !== shortcut.shiftKey) {
         continue;
       }
       if (shortcut.enabled) {

package/dist/runtime/composables/internal/useFilter.d.ts

@@ -0,0 +1,9 @@
+export declare function useFilter(): {
+    score: (value: string, searchTerm: string) => number | null;
+    scoreItem: (item: any, searchTerm: string, fields: string[]) => number | null;
+    filter: <T>(items: T[], searchTerm: string, fields: string[]) => T[];
+    filterGroups: <T>(groups: T[][], searchTerm: string, options: {
+        fields: string[];
+        isStructural?: (item: T) => boolean;
+    }) => T[][];
+};

package/dist/runtime/composables/internal/useFilter.js

@@ -0,0 +1,60 @@
+import { useFilter as useRekaFilter } from "reka-ui";
+import { get } from "../../utils/index.js";
+export function useFilter() {
+  const { contains, startsWith } = useRekaFilter({ sensitivity: "base" });
+  function score(value, searchTerm) {
+    if (!contains(value, searchTerm)) return null;
+    if (contains(searchTerm, value)) return 0;
+    if (startsWith(value, searchTerm)) return 1;
+    return 2;
+  }
+  function scoreItem(item, searchTerm, fields) {
+    if (typeof item !== "object" || item === null) {
+      return score(String(item), searchTerm);
+    }
+    let bestScore = null;
+    for (const field of fields) {
+      const value = get(item, field);
+      if (value == null) continue;
+      const values = Array.isArray(value) ? value.map(String) : [String(value)];
+      for (const v of values) {
+        const s = score(v, searchTerm);
+        if (s !== null && (bestScore === null || s < bestScore)) bestScore = s;
+        if (bestScore === 0) return 0;
+      }
+    }
+    return bestScore;
+  }
+  function filter(items, searchTerm, fields) {
+    if (!searchTerm) return items;
+    const scored = [];
+    for (const item of items) {
+      const s = scoreItem(item, searchTerm, fields);
+      if (s !== null) {
+        scored.push({ item, score: s });
+      }
+    }
+    scored.sort((a, b) => a.score - b.score);
+    return scored.map(({ item }) => item);
+  }
+  function filterGroups(groups, searchTerm, options) {
+    if (!searchTerm) return groups;
+    return groups.map((group) => {
+      const result = [];
+      for (const item of group) {
+        if (item === void 0 || item === null) continue;
+        if (options.isStructural?.(item)) {
+          result.push({ item, score: -1 });
+          continue;
+        }
+        const s = scoreItem(item, searchTerm, options.fields);
+        if (s !== null) {
+          result.push({ item, score: s });
+        }
+      }
+      result.sort((a, b) => a.score - b.score);
+      return result.map(({ item }) => item);
+    }).filter((group) => group.some((item) => !options.isStructural?.(item)));
+  }
+  return { score, scoreItem, filter, filterGroups };
+}

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

@@ -6,5 +6,5 @@ export declare const avatarGroupInjectionKey: InjectionKey<ComputedRef<{
 export declare function useAvatarGroup(props: {
     size: AvatarGroupProps['size'];
 }): {
-    size: ComputedRef<"md" | "3xs" | "2xs" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | undefined>;
+    size: ComputedRef<"2xl" | "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | undefined>;
 };

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

@@ -0,0 +1,33 @@
+import type { ComputedRef } from 'vue';
+import type { ClassValue } from 'tailwind-variants';
+import type { TVConfig } from '../types/tv';
+import type * as ui from '#build/ui';
+type UIConfig = TVConfig<typeof ui>;
+type ExtractUISlots<C> = C extends {
+    slots?: infer S;
+} ? NonNullable<S> : never;
+type UIConfigSlots<T extends keyof UIConfig> = 'slots' extends keyof NonNullable<UIConfig[T]> ? ExtractUISlots<NonNullable<UIConfig[T]>> : {
+    base?: ClassValue;
+};
+type ThemeSlotOverrides<T> = T extends {
+    slots: infer S extends Record<string, any>;
+} ? {
+    [K in keyof S]?: ClassValue;
+} : {
+    [K in keyof T]?: T[K] extends Record<string, any> ? ThemeSlotOverrides<T[K]> : ClassValue;
+};
+export type ThemeUI = {
+    [K in keyof typeof ui]?: ThemeSlotOverrides<(typeof ui)[K]>;
+};
+export type ThemeRootContext = {
+    ui: ComputedRef<ThemeUI>;
+};
+declare const provideThemeContext: (contextValue: ThemeRootContext) => ThemeRootContext;
+export { provideThemeContext };
+type ComponentUIProps<T extends keyof UIConfig> = {
+    ui?: UIConfigSlots<T>;
+};
+export declare function useComponentUI<T extends keyof UIConfig>(name: T, props: ComponentUIProps<T>): ComputedRef<UIConfigSlots<T>>;
+export declare function useComponentUI(name: string, props: {
+    ui?: any;
+}): ComputedRef<any>;

package/dist/runtime/composables/useComponentUI.js

@@ -0,0 +1,13 @@
+import { computed } from "vue";
+import defu from "defu";
+import { createContext } from "reka-ui";
+import { get } from "../utils/index.js";
+const [injectThemeContext, provideThemeContext] = createContext("UTheme", "RootContext");
+export { provideThemeContext };
+export function useComponentUI(name, props) {
+  const { ui } = injectThemeContext({ ui: computed(() => ({})) });
+  return computed(() => {
+    const themeOverrides = get(ui.value, name) || {};
+    return defu(props.ui ?? {}, themeOverrides);
+  });
+}

package/dist/runtime/composables/useEditorMenu.js

@@ -1,6 +1,6 @@
 import { ref, h, computed, unref, watch } from "vue";
 import { defu } from "defu";
-import { useFilter } from "reka-ui";
+import { useFilter } from "./internal/useFilter.js";
 import { computePosition } from "@floating-ui/dom";
 import { VueRenderer } from "@tiptap/vue-3";
 import Suggestion from "@tiptap/suggestion";
@@ -23,7 +23,7 @@ export function useEditorMenu(options) {
   let handleHover = null;
   let scrollHandler = null;
   let stopItemsWatch = null;
-  const { contains } = useFilter({ sensitivity: "base" });
+  const { score } = useFilter();
   const cleanupMenu = () => {
     if (menuState.value === "closed") return;
     menuState.value = "closed";
@@ -55,14 +55,27 @@ export function useEditorMenu(options) {
   const filterFields = options.filterFields ?? ["label"];
   const defaultFilter = (items2, query) => {
     if (!query) return items2;
-    return items2.filter((item) => {
-      return filterFields.some((field) => {
+    const scored = [];
+    for (const item of items2) {
+      let bestScore = null;
+      for (const field of filterFields) {
         const value = get(item, field);
-        if (value === void 0 || value === null) return false;
-        const stringValue = Array.isArray(value) ? value.join(" ") : String(value);
-        return contains(stringValue, query) || contains(stringValue.replace(/[\s_-]/g, ""), query);
-      });
-    });
+        if (value == null) continue;
+        const values = Array.isArray(value) ? value.map(String) : [String(value)];
+        for (const v of values) {
+          const normalized = v.replace(/[\s_-]/g, "");
+          const s = Math.min(score(v, query) ?? 3, score(normalized, query) ?? 3);
+          if (bestScore === null || s < bestScore) bestScore = s;
+          if (bestScore === 0) break;
+        }
+        if (bestScore === 0) break;
+      }
+      if (bestScore !== null && bestScore < 3) {
+        scored.push({ item, score: bestScore });
+      }
+    }
+    scored.sort((a, b) => a.score - b.score);
+    return scored.map(({ item }) => item);
   };
   const filter = options.filter || defaultFilter;
   const limit = options.limit ?? 42;
@@ -77,7 +90,11 @@ export function useEditorMenu(options) {
     if (options.ignoreFilter) {
       return [filteredItems.value];
     }
-    return groups.value.map((group) => group.filter((item) => filteredItems.value.includes(item))).filter((group) => group.length > 0);
+    return groups.value.map((group) => {
+      const filtered = group.filter((item) => filteredItems.value.includes(item));
+      filtered.sort((a, b) => filteredItems.value.indexOf(a) - filteredItems.value.indexOf(b));
+      return filtered;
+    }).filter((group) => group.length > 0);
   });
   const selectableItems = computed(() => {
     return filteredItems.value.filter((item) => {

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

@@ -10,6 +10,6 @@ type Props<T> = {
 };
 export declare function useFieldGroup<T>(props: Props<T>): {
     orientation: ComputedRef<"horizontal" | "vertical" | undefined>;
-    size: ComputedRef<"md" | "xs" | "sm" | "lg" | "xl" | NonNullable<GetObjectField<T, "size">> | undefined>;
+    size: ComputedRef<"xs" | "sm" | "md" | "lg" | "xl" | NonNullable<GetObjectField<T, "size">> | undefined>;
 };
 export {};

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

@@ -28,7 +28,7 @@ export declare function useFormField<T>(props?: Props<T>, opts?: {
 }): {
     id: ComputedRef<string | undefined>;
     name: ComputedRef<string | undefined>;
-    size: ComputedRef<"md" | "xs" | "sm" | "lg" | "xl" | NonNullable<GetObjectField<T, "size">> | 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>;

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

@@ -5,6 +5,10 @@ export declare const toastMaxInjectionKey: InjectionKey<Ref<number | undefined>>
 export interface Toast extends Omit<ToastProps, 'defaultOpen'>, EmitsToProps<ToastEmits> {
     id: string | number;
     onClick?: (toast: Toast) => void;
+    /** @internal */
+    _duplicate?: number;
+    /** @internal */
+    _updated?: boolean;
 }
 export declare function useToast(): {
     toasts: Ref<Toast[], Toast[]>;

package/dist/runtime/composables/useToast.js

@@ -25,6 +25,15 @@ export function useToast() {
       open: true,
       ...toast
     };
+    const existingIndex = toasts.value.findIndex((t) => t.id === body.id);
+    if (existingIndex !== -1) {
+      toasts.value[existingIndex] = {
+        ...toasts.value[existingIndex],
+        ...body,
+        _duplicate: (toasts.value[existingIndex]._duplicate || 0) + 1
+      };
+      return body;
+    }
     queue.push(body);
     processQueue();
     return body;
@@ -34,12 +43,27 @@ export function useToast() {
     if (index !== -1) {
       toasts.value[index] = {
         ...toasts.value[index],
-        ...toast
+        ...toast,
+        duration: toast.duration,
+        open: true,
+        _updated: true
       };
+      nextTick(() => {
+        const i = toasts.value.findIndex((t) => t.id === id);
+        if (i !== -1 && toasts.value[i]._updated) {
+          toasts.value[i] = {
+            ...toasts.value[i],
+            _updated: void 0
+          };
+        }
+      });
     }
   }
   function remove(id) {
     const index = toasts.value.findIndex((t) => t.id === id);
+    if (index !== -1 && toasts.value[index]._updated) {
+      return;
+    }
     if (index !== -1) {
       toasts.value[index] = {
         ...toasts.value[index],

package/dist/runtime/keyframes.css

@@ -1 +1 @@
-@keyframes accordion-up{0%{height:var(--reka-accordion-content-height)}to{height:0}}@keyframes accordion-down{0%{height:0}to{height:var(--reka-accordion-content-height)}}@keyframes collapsible-up{0%{height:var(--reka-collapsible-content-height)}to{height:0}}@keyframes collapsible-down{0%{height:0}to{height:var(--reka-collapsible-content-height)}}@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 accordion-up{0%{height:var(--reka-accordion-content-height)}to{height:0}}@keyframes accordion-down{0%{height:0}to{height:var(--reka-accordion-content-height)}}@keyframes collapsible-up{0%{height:var(--reka-collapsible-content-height)}to{height:0}}@keyframes collapsible-down{0%{height:0}to{height:var(--reka-collapsible-content-height)}}@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)}}

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

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

package/dist/runtime/locale/be.js

@@ -0,0 +1,129 @@
+import { defineLocale } from "../composables/defineLocale.js";
+export default defineLocale({
+  name: "\u0411\u0435\u043B\u0430\u0440\u0443\u0441\u043A\u0430\u044F",
+  code: "be",
+  messages: {
+    alert: {
+      close: "\u0417\u0430\u043A\u0440\u044B\u0446\u044C"
+    },
+    authForm: {
+      hidePassword: "\u0421\u0445\u0430\u0432\u0430\u0446\u044C \u043F\u0430\u0440\u043E\u043B\u044C",
+      showPassword: "\u041F\u0430\u043A\u0430\u0437\u0430\u0446\u044C \u043F\u0430\u0440\u043E\u043B\u044C",
+      submit: "\u041F\u0440\u0430\u0446\u044F\u0433\u043D\u0443\u0446\u044C"
+    },
+    banner: {
+      close: "\u0417\u0430\u043A\u0440\u044B\u0446\u044C"
+    },
+    calendar: {
+      nextMonth: "\u041D\u0430\u0441\u0442\u0443\u043F\u043D\u044B \u043C\u0435\u0441\u044F\u0446",
+      nextYear: "\u041D\u0430\u0441\u0442\u0443\u043F\u043D\u044B \u0433\u043E\u0434",
+      prevMonth: "\u041F\u0430\u043F\u044F\u0440\u044D\u0434\u043D\u0456 \u043C\u0435\u0441\u044F\u0446",
+      prevYear: "\u041F\u0430\u043F\u044F\u0440\u044D\u0434\u043D\u0456 \u0433\u043E\u0434"
+    },
+    carousel: {
+      dots: "\u0412\u044B\u0431\u0435\u0440\u044B\u0446\u0435 \u0441\u043B\u0430\u0439\u0434 \u0434\u043B\u044F \u0430\u0434\u043B\u044E\u0441\u0442\u0440\u0430\u0432\u0430\u043D\u043D\u044F",
+      goto: "\u041F\u0435\u0440\u0430\u0439\u0441\u0446\u0456 \u0434\u0430 {slide}",
+      next: "\u0414\u0430\u043B\u0435\u0439",
+      prev: "\u041D\u0430\u0437\u0430\u0434"
+    },
+    chatPrompt: {
+      placeholder: "\u0423\u0432\u044F\u0434\u0437\u0456\u0446\u0435 \u0441\u0432\u0430\u0451 \u043F\u0430\u0432\u0435\u0434\u0430\u043C\u043B\u0435\u043D\u043D\u0435 \u0442\u0443\u0442\u2026"
+    },
+    chatPromptSubmit: {
+      label: "\u0410\u0434\u043F\u0440\u0430\u0432\u0456\u0446\u044C"
+    },
+    colorMode: {
+      dark: "\u0426\u0451\u043C\u043D\u0430\u044F",
+      light: "\u0421\u0432\u0435\u0442\u043B\u0430\u044F",
+      switchToDark: "\u041F\u0435\u0440\u0430\u043A\u043B\u044E\u0447\u044B\u0446\u0446\u0430 \u043D\u0430 \u0446\u0451\u043C\u043D\u044B \u0440\u044D\u0436\u044B\u043C",
+      switchToLight: "\u041F\u0435\u0440\u0430\u043A\u043B\u044E\u0447\u044B\u0446\u0446\u0430 \u043D\u0430 \u0441\u0432\u0435\u0442\u043B\u044B \u0440\u044D\u0436\u044B\u043C",
+      system: "\u0421\u0456\u0441\u0442\u044D\u043C\u043D\u0430\u044F"
+    },
+    commandPalette: {
+      back: "\u041D\u0430\u0437\u0430\u0434",
+      close: "\u0417\u0430\u043A\u0440\u044B\u0446\u044C",
+      noData: "\u041D\u044F\u043C\u0430 \u0434\u0430\u043D\u044B\u0445",
+      noMatch: "\u0421\u0443\u043F\u0430\u0434\u0437\u0435\u043D\u043D\u044F\u045E \u043D\u0435 \u0437\u043D\u043E\u0439\u0434\u0437\u0435\u043D\u0430",
+      placeholder: "\u0423\u0432\u044F\u0434\u0437\u0456\u0446\u0435 \u043A\u0430\u043C\u0430\u043D\u0434\u0443 \u0430\u0431\u043E \u0432\u044B\u043A\u0430\u043D\u0430\u0439\u0446\u0435 \u043F\u043E\u0448\u0443\u043A\u2026"
+    },
+    contentSearch: {
+      links: "\u0421\u043F\u0430\u0441\u044B\u043B\u043A\u0456",
+      theme: "\u0422\u044D\u043C\u0430"
+    },
+    contentSearchButton: {
+      label: "\u041F\u043E\u0448\u0443\u043A\u2026"
+    },
+    contentToc: {
+      title: "\u041D\u0430 \u0433\u044D\u0442\u0430\u0439 \u0441\u0442\u0430\u0440\u043E\u043D\u0446\u044B"
+    },
+    dashboardSearch: {
+      theme: "\u0422\u044D\u043C\u0430"
+    },
+    dashboardSearchButton: {
+      label: "\u041F\u043E\u0448\u0443\u043A\u2026"
+    },
+    dashboardSidebarCollapse: {
+      collapse: "\u0417\u0433\u0430\u0440\u043D\u0443\u0446\u044C \u0431\u0430\u043A\u0430\u0432\u0443\u044E \u043F\u0430\u043D\u044D\u043B\u044C",
+      expand: "\u0420\u0430\u0437\u0433\u0430\u0440\u043D\u0443\u0446\u044C \u0431\u0430\u043A\u0430\u0432\u0443\u044E \u043F\u0430\u043D\u044D\u043B\u044C"
+    },
+    dashboardSidebarToggle: {
+      close: "\u0417\u0430\u043A\u0440\u044B\u0446\u044C \u0431\u0430\u043A\u0430\u0432\u0443\u044E \u043F\u0430\u043D\u044D\u043B\u044C",
+      open: "\u0410\u0434\u043A\u0440\u044B\u0446\u044C \u0431\u0430\u043A\u0430\u0432\u0443\u044E \u043F\u0430\u043D\u044D\u043B\u044C"
+    },
+    error: {
+      clear: "\u0412\u044F\u0440\u043D\u0443\u0446\u0446\u0430 \u043D\u0430 \u0433\u0430\u043B\u043E\u045E\u043D\u0443\u044E"
+    },
+    fileUpload: {
+      removeFile: "\u0412\u044B\u0434\u0430\u043B\u0456\u0446\u044C {filename}"
+    },
+    header: {
+      close: "\u0417\u0430\u043A\u0440\u044B\u0446\u044C \u043C\u0435\u043D\u044E",
+      open: "\u0410\u0434\u043A\u0440\u044B\u0446\u044C \u043C\u0435\u043D\u044E"
+    },
+    inputMenu: {
+      create: '\u0421\u0442\u0432\u0430\u0440\u044B\u0446\u044C "{label}"',
+      noData: "\u041D\u044F\u043C\u0430 \u0434\u0430\u043D\u044B\u0445",
+      noMatch: "\u0421\u0443\u043F\u0430\u0434\u0437\u0435\u043D\u043D\u044F\u045E \u043D\u0435 \u0437\u043D\u043E\u0439\u0434\u0437\u0435\u043D\u0430"
+    },
+    inputNumber: {
+      decrement: "\u041F\u0430\u043C\u0435\u043D\u0448\u044B\u0446\u044C",
+      increment: "\u041F\u0430\u0432\u044F\u043B\u0456\u0447\u044B\u0446\u044C"
+    },
+    modal: {
+      close: "\u0417\u0430\u043A\u0440\u044B\u0446\u044C"
+    },
+    pricingTable: {
+      caption: "\u041F\u0430\u0440\u0430\u045E\u043D\u0430\u043D\u043D\u0435 \u043F\u043B\u0430\u0442\u043D\u044B\u0445 \u043F\u043B\u0430\u043D\u0430\u045E"
+    },
+    prose: {
+      codeCollapse: {
+        closeText: "\u0417\u0433\u0430\u0440\u043D\u0443\u0446\u044C",
+        name: "\u043A\u043E\u0434",
+        openText: "\u0420\u0430\u0437\u0433\u0430\u0440\u043D\u0443\u0446\u044C"
+      },
+      collapsible: {
+        closeText: "\u0421\u0445\u0430\u0432\u0430\u0446\u044C",
+        name: "\u0443\u043B\u0430\u0441\u0446\u0456\u0432\u0430\u0441\u0446\u0456",
+        openText: "\u041F\u0430\u043A\u0430\u0437\u0430\u0446\u044C"
+      },
+      pre: {
+        copy: "\u0421\u043A\u0430\u043F\u0456\u044F\u0432\u0430\u0446\u044C \u043A\u043E\u0434 \u0443 \u0431\u0443\u0444\u0435\u0440 \u0430\u0431\u043C\u0435\u043D\u0443"
+      }
+    },
+    selectMenu: {
+      create: '\u0421\u0442\u0432\u0430\u0440\u044B\u0446\u044C "{label}"',
+      noData: "\u041D\u044F\u043C\u0430 \u0434\u0430\u043D\u044B\u0445",
+      noMatch: "\u0421\u0443\u043F\u0430\u0434\u0437\u0435\u043D\u043D\u044F\u045E \u043D\u0435 \u0437\u043D\u043E\u0439\u0434\u0437\u0435\u043D\u0430",
+      search: "\u041F\u043E\u0448\u0443\u043A\u2026"
+    },
+    slideover: {
+      close: "\u0417\u0430\u043A\u0440\u044B\u0446\u044C"
+    },
+    table: {
+      noData: "\u041D\u044F\u043C\u0430 \u0434\u0430\u043D\u044B\u0445"
+    },
+    toast: {
+      close: "\u0417\u0430\u043A\u0440\u044B\u0446\u044C"
+    }
+  }
+});

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

@@ -1,5 +1,6 @@
 export { default as ar } from './ar';
 export { default as az } from './az';
+export { default as be } from './be';
 export { default as bg } from './bg';
 export { default as bn } from './bn';
 export { default as ca } from './ca';

package/dist/runtime/locale/index.js

@@ -1,5 +1,6 @@
 export { default as ar } from "./ar.js";
 export { default as az } from "./az.js";
+export { default as be } from "./be.js";
 export { default as bg } from "./bg.js";
 export { default as bn } from "./bn.js";
 export { default as ca } from "./ca.js";

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

@@ -3,6 +3,8 @@ export type AnchorHTMLAttributes = Pick<VueAnchorHTMLAttributes, 'download' | 'h
 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 InputHTMLAttributes = Pick<VueInputHTMLAttributes, 'autocomplete' | 'autofocus' | 'disabled' | 'enterKeyHint' | 'form' | 'formaction' | 'formenctype' | 'formmethod' | 'formnovalidate' | 'formtarget' | 'list' | 'max' | 'maxlength' | 'min' | 'minlength' | 'name' | 'pattern' | 'placeholder' | 'readonly' | 'required' | 'size' | 'step' | 'type'>;
+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 & {});
+};
 export type TableHTMLAttributes = Pick<VueTableHTMLAttributes, 'cellpadding' | 'cellspacing' | 'summary' | 'width'>;
 export type TextareaHTMLAttributes = Pick<VueTextareaHTMLAttributes, 'autocomplete' | 'autofocus' | 'cols' | 'dirname' | 'disabled' | 'form' | 'maxlength' | 'minlength' | 'name' | 'placeholder' | 'readonly' | 'required' | 'rows' | 'wrap'>;

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

@@ -118,6 +118,7 @@ export * from '../components/locale/LocaleSelect.vue';
 export * from './content';
 export * from './editor';
 export * from './form';
+export * from './input';
 export * from './locale';
 export * from './prose';
 export * from './tv';