@nuxt/ui 3.0.0-alpha.11 → 3.0.0-alpha.13

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

@@ -1,4 +1,6 @@
 export { default as ar } from './ar';
+export { default as az } from './az';
+export { default as bn } from './bn';
 export { default as cs } from './cs';
 export { default as da } from './da';
 export { default as de } from './de';
@@ -9,10 +11,13 @@ export { default as es } from './es';
 export { default as fa_ir } from './fa_ir';
 export { default as fi } from './fi';
 export { default as fr } from './fr';
+export { default as hi } from './hi';
 export { default as id } from './id';
 export { default as it } from './it';
 export { default as ja } from './ja';
+export { default as km } from './km';
 export { default as ko } from './ko';
+export { default as nb_no } from './nb_no';
 export { default as nl } from './nl';
 export { default as pl } from './pl';
 export { default as pt } from './pt';
@@ -24,5 +29,6 @@ export { default as th } from './th';
 export { default as tr } from './tr';
 export { default as uk } from './uk';
 export { default as vi } from './vi';
-export { default as zh_hans } from './zh_hans';
-export { default as zh_hant } from './zh_hant';
+export { default as zh_cn } from './zh_cn';
+export { default as zh_tw } from './zh_tw';
+export { default as he } from './he';

package/dist/runtime/locale/index.js

@@ -1,4 +1,6 @@
 export { default as ar } from "./ar.js";
+export { default as az } from "./az.js";
+export { default as bn } from "./bn.js";
 export { default as cs } from "./cs.js";
 export { default as da } from "./da.js";
 export { default as de } from "./de.js";
@@ -9,10 +11,13 @@ export { default as es } from "./es.js";
 export { default as fa_ir } from "./fa_ir.js";
 export { default as fi } from "./fi.js";
 export { default as fr } from "./fr.js";
+export { default as hi } from "./hi.js";
 export { default as id } from "./id.js";
 export { default as it } from "./it.js";
 export { default as ja } from "./ja.js";
+export { default as km } from "./km.js";
 export { default as ko } from "./ko.js";
+export { default as nb_no } from "./nb_no.js";
 export { default as nl } from "./nl.js";
 export { default as pl } from "./pl.js";
 export { default as pt } from "./pt.js";
@@ -24,5 +29,6 @@ export { default as th } from "./th.js";
 export { default as tr } from "./tr.js";
 export { default as uk } from "./uk.js";
 export { default as vi } from "./vi.js";
-export { default as zh_hans } from "./zh_hans.js";
-export { default as zh_hant } from "./zh_hant.js";
+export { default as zh_cn } from "./zh_cn.js";
+export { default as zh_tw } from "./zh_tw.js";
+export { default as he } from "./he.js";

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

@@ -0,0 +1,2 @@
+declare const _default: import("../types").Locale;
+export default _default;

package/dist/runtime/locale/km.js

@@ -0,0 +1,54 @@
+import { defineLocale } from "../composables/defineLocale.js";
+export default defineLocale({
+  name: "\u1797\u17B6\u179F\u17B6\u1781\u17D2\u1798\u17C2\u179A",
+  code: "km",
+  messages: {
+    inputMenu: {
+      noMatch: "\u1798\u17B7\u1793\u1798\u17B6\u1793\u1791\u17B7\u1793\u17D2\u1793\u1793\u17D0\u1799\u178A\u17C2\u179B\u178F\u17D2\u179A\u17BC\u179C\u1782\u17D2\u1793\u17B6\u1791\u17C1",
+      noData: "\u1798\u17B7\u1793\u1798\u17B6\u1793\u1791\u17B7\u1793\u17D2\u1793\u1793\u17D0\u1799",
+      create: '\u1794\u1784\u17D2\u1780\u17BE\u178F "{label}"'
+    },
+    calendar: {
+      prevYear: "\u1786\u17D2\u1793\u17B6\u17C6\u1798\u17BB\u1793",
+      nextYear: "\u1786\u17D2\u1793\u17B6\u17C6\u1794\u1793\u17D2\u1791\u17B6\u1794\u17CB",
+      prevMonth: "\u1781\u17C2\u1798\u17BB\u1793",
+      nextMonth: "\u1781\u17C2\u1794\u1793\u17D2\u1791\u17B6\u1794\u17CB"
+    },
+    inputNumber: {
+      increment: "\u1794\u1784\u17D2\u1780\u17BE\u1793",
+      decrement: "\u1794\u1793\u17D2\u1790\u1799"
+    },
+    commandPalette: {
+      placeholder: "\u179C\u17B6\u1799\u1796\u17B6\u1780\u17D2\u1799\u1794\u1789\u17D2\u1787\u17B6 \u17AC\u179F\u17D2\u179C\u17C2\u1784\u179A\u1780...",
+      noMatch: "\u1798\u17B7\u1793\u1798\u17B6\u1793\u1791\u17B7\u1793\u17D2\u1793\u1793\u17D0\u1799\u178A\u17C2\u179B\u178F\u17D2\u179A\u17BC\u179C\u1782\u17D2\u1793\u17B6\u1791\u17C1",
+      noData: "\u1798\u17B7\u1793\u1798\u17B6\u1793\u1791\u17B7\u1793\u17D2\u1793\u1793\u17D0\u1799",
+      close: "\u1794\u17B7\u1791"
+    },
+    selectMenu: {
+      noMatch: "\u1798\u17B7\u1793\u1798\u17B6\u1793\u1791\u17B7\u1793\u17D2\u1793\u1793\u17D0\u1799\u178A\u17C2\u179B\u178F\u17D2\u179A\u17BC\u179C\u1782\u17D2\u1793\u17B6\u1791\u17C1",
+      noData: "\u1798\u17B7\u1793\u1798\u17B6\u1793\u1791\u17B7\u1793\u17D2\u1793\u1793\u17D0\u1799",
+      create: '\u1794\u1784\u17D2\u1780\u17BE\u178F "{label}"',
+      search: "\u179F\u17D2\u179C\u17C2\u1784\u179A\u1780..."
+    },
+    toast: {
+      close: "\u1794\u17B7\u1791"
+    },
+    carousel: {
+      prev: "\u1798\u17BB\u1793",
+      next: "\u1794\u1793\u17D2\u1791\u17B6\u1794\u17CB",
+      goto: "\u179B\u17C4\u178F\u1791\u17C5\u1780\u17B6\u1793\u17CB\u179F\u17D2\u179B\u17B6\u1799 {slide}"
+    },
+    modal: {
+      close: "\u1794\u17B7\u1791"
+    },
+    slideover: {
+      close: "\u1794\u17B7\u1791"
+    },
+    alert: {
+      close: "\u1794\u17B7\u1791"
+    },
+    table: {
+      noData: "\u1798\u17B7\u1793\u1798\u17B6\u1793\u1791\u17B7\u1793\u17D2\u1793\u1793\u17D0\u1799"
+    }
+  }
+});

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

@@ -0,0 +1,2 @@
+declare const _default: import("../types").Locale;
+export default _default;

package/dist/runtime/locale/nb_no.js

@@ -0,0 +1,54 @@
+import { defineLocale } from "../composables/defineLocale.js";
+export default defineLocale({
+  name: "Norsk Bokm\xE5l",
+  code: "nb-NO",
+  messages: {
+    inputMenu: {
+      noMatch: "Ingen samsvarende data",
+      noData: "Ingen data",
+      create: 'Opprett "{label}"'
+    },
+    calendar: {
+      prevYear: "Forrige \xE5r",
+      nextYear: "Neste \xE5r",
+      prevMonth: "Forrige m\xE5ned",
+      nextMonth: "Neste m\xE5ned"
+    },
+    inputNumber: {
+      increment: "\xD8k",
+      decrement: "Reduser"
+    },
+    commandPalette: {
+      placeholder: "Skriv inn en kommando eller s\xF8k...",
+      noMatch: "Ingen samsvarende data",
+      noData: "Ingen data",
+      close: "Lukk"
+    },
+    selectMenu: {
+      noMatch: "Ingen samsvarende data",
+      noData: "Ingen data",
+      create: 'Opprett "{label}"',
+      search: "S\xF8k..."
+    },
+    toast: {
+      close: "Lukk"
+    },
+    carousel: {
+      prev: "Forrige",
+      next: "Neste",
+      goto: "G\xE5 til lysbilde {slide}"
+    },
+    modal: {
+      close: "Lukk"
+    },
+    slideover: {
+      close: "Lukk"
+    },
+    alert: {
+      close: "Lukk"
+    },
+    table: {
+      noData: "Ingen data"
+    }
+  }
+});

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

@@ -0,0 +1,2 @@
+declare const _default: import("../types").Locale;
+export default _default;

package/dist/runtime/locale/{zh_hans.js → zh_cn.js}

@@ -1,7 +1,7 @@
 import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
   name: "\u7B80\u4F53\u4E2D\u6587",
-  code: "zh-Hans",
+  code: "zh-CN",
   messages: {
     inputMenu: {
       noMatch: "\u6CA1\u6709\u5339\u914D\u7684\u6570\u636E",

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

@@ -0,0 +1,2 @@
+declare const _default: import("../types").Locale;
+export default _default;

package/dist/runtime/locale/{zh_hant.js → zh_tw.js}

@@ -1,7 +1,7 @@
 import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
   name: "\u7E41\u9AD4\u4E2D\u6587",
-  code: "zh-Hant",
+  code: "zh-TW",
   messages: {
     inputMenu: {
       noMatch: "\u6C92\u6709\u76F8\u7B26\u7684\u8CC7\u6599",

package/dist/runtime/plugins/colors.js

@@ -5,20 +5,23 @@ export default defineNuxtPlugin(() => {
   const nuxtApp = useNuxtApp();
   const shades = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
   function generateShades(key, value) {
-    return `${shades.map((shade) => `--ui-color-${key}-${shade}: var(--color-${value}-${shade});`).join("\n  ")}`;
+    return `${shades.map((shade) => `--ui-color-${key}-${shade}: var(--color-${value === "neutral" ? "old-neutral" : value}-${shade});`).join("\n  ")}`;
   }
   function generateColor(key, shade) {
     return `--ui-${key}: var(--ui-color-${key}-${shade});`;
   }
   const root = computed(() => {
     const { neutral, ...colors } = appConfig.ui.colors;
-    return `:root {
+    return `@layer base {
+  :root {
   ${Object.entries(appConfig.ui.colors).map(([key, value]) => generateShades(key, value)).join("\n  ")}
-
+  }
+  :root, .light {
   ${Object.keys(colors).map((key) => generateColor(key, 500)).join("\n  ")}
-}
-.dark {
+  }
+  .dark {
   ${Object.keys(colors).map((key) => generateColor(key, 400)).join("\n  ")}
+  }
 }`;
   });
   const headData = {

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

@@ -1,26 +1,31 @@
 import type { StandardSchemaV1 } from '@standard-schema/spec';
-import type { ComputedRef, Ref } from 'vue';
+import type { ComputedRef, DeepReadonly, Ref } from 'vue';
 import type { ZodSchema } from 'zod';
 import type { Schema as JoiSchema } from 'joi';
 import type { ObjectSchema as YupObjectSchema } from 'yup';
 import type { GenericSchema as ValibotSchema, GenericSchemaAsync as ValibotSchemaAsync, SafeParser as ValibotSafeParser, SafeParserAsync as ValibotSafeParserAsync } from 'valibot';
 import type { GetObjectField } from './utils';
 import type { Struct as SuperstructSchema } from 'superstruct';
-export interface Form<T> {
+export interface Form<T extends object> {
     validate(opts?: {
-        name: string | string[];
-        silent?: false;
+        name?: keyof T | (keyof T)[];
+        silent?: boolean;
         nested?: boolean;
+        transform?: boolean;
     }): Promise<T | false>;
     clear(path?: string): void;
     errors: Ref<FormError[]>;
-    setErrors(errs: FormError[], path?: string): void;
-    getErrors(path?: string): FormError[];
+    setErrors(errs: FormError[], name?: keyof T): void;
+    getErrors(name?: keyof T): FormError[];
     submit(): Promise<void>;
     disabled: ComputedRef<boolean>;
+    dirty: ComputedRef<boolean>;
+    dirtyFields: DeepReadonly<Set<keyof T>>;
+    touchedFields: DeepReadonly<Set<keyof T>>;
+    blurredFields: DeepReadonly<Set<keyof T>>;
 }
-export type FormSchema<T extends Record<string, any>> = ZodSchema | YupObjectSchema<T> | ValibotSchema | ValibotSchemaAsync | ValibotSafeParser<any, any> | ValibotSafeParserAsync<any, any> | JoiSchema<T> | SuperstructSchema<any, any> | StandardSchemaV1;
-export type FormInputEvents = 'input' | 'blur' | 'change';
+export type FormSchema<T extends object> = ZodSchema | YupObjectSchema<T> | ValibotSchema | ValibotSchemaAsync | ValibotSafeParser<any, any> | ValibotSafeParserAsync<any, any> | JoiSchema<T> | SuperstructSchema<any, any> | StandardSchemaV1;
+export type FormInputEvents = 'input' | 'blur' | 'change' | 'focus';
 export interface FormError<P extends string = string> {
     name: P;
     message: string;
@@ -46,11 +51,12 @@ export type FormChildDetachEvent = {
     type: 'detach';
     formId: string | number;
 };
-export type FormInputEvent = {
+export type FormInputEvent<T extends object> = {
     type: FormEventType;
-    name?: string;
+    name: keyof T;
+    eager?: boolean;
 };
-export type FormEvent = FormInputEvent | FormChildAttachEvent | FormChildDetachEvent;
+export type FormEvent<T extends object> = FormInputEvent<T> | FormChildAttachEvent | FormChildDetachEvent;
 export interface FormInjectedOptions {
     disabled?: boolean;
     validateOnInputDelay?: number;
@@ -62,6 +68,9 @@ export interface FormFieldInjectedOptions<T> {
     eagerValidation?: boolean;
     validateOnInputDelay?: number;
     errorPattern?: RegExp;
+    hint?: string;
+    description?: string;
+    ariaId: string;
 }
 export interface ValidateReturnSchema<T> {
     result: T;
@@ -71,5 +80,5 @@ export declare class FormValidationException extends Error {
     formId: string | number;
     errors: FormErrorWithId[];
     children?: FormValidationException[];
-    constructor(formId: string | number, errors: FormErrorWithId[], childErrors: FormValidationException[]);
+    constructor(formId: string | number, errors: FormErrorWithId[], childErrors?: FormValidationException[]);
 }

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

@@ -48,3 +48,4 @@ export * from '../components/Toaster.vue';
 export * from '../components/Tooltip.vue';
 export * from './form';
 export * from './locale';
+export * from './utils';

package/dist/runtime/types/index.js

@@ -48,3 +48,4 @@ export * from "../components/Toaster.vue";
 export * from "../components/Tooltip.vue";
 export * from "./form.js";
 export * from "./locale.js";
+export * from "./utils.js";

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 export interface TightMap<O = any> {
     [key: string]: TightMap | O;
 }
@@ -20,3 +21,7 @@ export type SelectItemKey<T> = T extends Record<string, any> ? keyof T : string;
 export type SelectModelValueEmits<T, V, M extends boolean = false, DV = T> = {
     'update:modelValue': [payload: SelectModelValue<T, V, M, DV>];
 };
+export type StringOrVNode = string | VNode | (() => VNode);
+export type EmitsToProps<T> = {
+    [K in keyof T as `on${Capitalize<string & K>}`]: T[K] extends [...args: infer Args] ? (...args: Args) => void : never;
+};

package/dist/runtime/utils/form.js

@@ -23,9 +23,7 @@ export function isStandardSchema(schema) {
   return "~standard" in schema;
 }
 export async function validateStandardSchema(state, schema) {
-  const result = await schema["~standard"].validate({
-    value: state
-  });
+  const result = await schema["~standard"].validate(state);
   if (result.issues) {
     return {
       errors: result.issues?.map((issue) => ({
@@ -141,14 +139,14 @@ export function validateSchema(state, schema) {
     return validateZodSchema(state, schema);
   } else if (isJoiSchema(schema)) {
     return validateJoiSchema(state, schema);
+  } else if (isStandardSchema(schema)) {
+    return validateStandardSchema(state, schema);
   } else if (isValibotSchema(schema)) {
     return validateValibotSchema(state, schema);
   } else if (isYupSchema(schema)) {
     return validateYupSchema(state, schema);
   } else if (isSuperStructSchema(schema)) {
     return validateSuperstructSchema(state, schema);
-  } else if (isStandardSchema(schema)) {
-    return validateStandardSchema(state, schema);
   } else {
     throw new Error("Form validation failed: Unsupported form schema");
   }

package/dist/runtime/utils/tv.js

@@ -1,4 +1,4 @@
 import { createTV } from "tailwind-variants";
 import _appConfig from "#build/app.config";
-const appConfig = _appConfig;
-export const tv = createTV(appConfig.ui?.tv);
+const appConfigTv = _appConfig;
+export const tv = createTV(appConfigTv.ui?.tv);

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

@@ -52,9 +52,9 @@ interface NuxtLinkProps extends Omit<RouterLinkProps, 'to'> {
   noPrefetch?: boolean
 }
 
-const appConfig = _appConfig as AppConfig & { ui: { link: Partial<typeof theme> } }
+const appConfigLink = _appConfig as AppConfig & { ui: { link: Partial<typeof theme> } }
 
-const link = tv({ extend: tv(theme), ...(appConfig.ui?.link || {}) })
+const link = tv({ extend: tv(theme), ...(appConfigLink.ui?.link || {}) })
 
 export interface LinkProps extends NuxtLinkProps {
   /**
@@ -90,7 +90,7 @@ export interface LinkSlots {
 </script>
 
 <script setup lang="ts">
-import { computed } from 'vue'
+import { computed, getCurrentInstance } from 'vue'
 import { isEqual, diff } from 'ohash'
 import { useForwardProps } from 'reka-ui'
 import { reactiveOmit } from '@vueuse/core'
@@ -109,7 +109,22 @@ const props = withDefaults(defineProps<LinkProps>(), {
 })
 defineSlots<LinkSlots>()
 
-const route = useRoute()
+// Check if vue-router is available by checking for the injection key
+const hasRouter = computed(() => {
+  const app = getCurrentInstance()?.appContext.app
+  return !!(app?.config?.globalProperties?.$router)
+})
+
+// Only try to get route if router exists
+const route = computed(() => {
+  if (!hasRouter.value) return null
+  try {
+    return useRoute()
+  } catch {
+    return null
+  }
+})
+
 const routerLinkProps = useForwardProps(reactiveOmit(props, 'as', 'type', 'disabled', 'active', 'exact', 'exactQuery', 'exactHash', 'activeClass', 'inactiveClass', 'to', 'raw', 'class'))
 
 const ui = computed(() => tv({
@@ -132,24 +147,27 @@ function isPartiallyEqual(item1: any, item2: any) {
   return isEqual(item1, item2, { excludeKeys: key => diffedKeys.includes(key) })
 }
 
-const isExternal = computed(() => typeof props.to === 'string' && hasProtocol(props.to, { acceptRelative: true }))
+const isExternal = computed(() => {
+  if (!props.to) return false
+  return typeof props.to === 'string' && hasProtocol(props.to, { acceptRelative: true })
+})
 
 function isLinkActive({ route: linkRoute, isActive, isExactActive }: any) {
   if (props.active !== undefined) {
     return props.active
   }
 
-  if (!props.to) {
+  if (!props.to || !route.value) {
     return false
   }
 
   if (props.exactQuery === 'partial') {
-    if (!isPartiallyEqual(linkRoute.query, route.query)) return false
+    if (!isPartiallyEqual(linkRoute.query, route.value.query)) return false
   } else if (props.exactQuery === true) {
-    if (!isEqual(linkRoute.query, route.query)) return false
+    if (!isEqual(linkRoute.query, route.value.query)) return false
   }
 
-  if (props.exactHash && linkRoute.hash !== route.hash) {
+  if (props.exactHash && linkRoute.hash !== route.value.hash) {
     return false
   }
 
@@ -173,10 +191,51 @@ function resolveLinkClass({ route, isActive, isExactActive }: any) {
 
   return ui.value({ class: props.class, active, disabled: props.disabled })
 }
+
+// Handle navigation without vue-router
+const handleNavigation = (href: string) => {
+  if (isExternal.value) {
+    window.location.href = href
+  } else {
+    window.location.pathname = href
+  }
+}
 </script>
 
 <template>
-  <RouterLink v-slot="{ href, navigate, route: linkRoute, isActive, isExactActive }" v-bind="routerLinkProps" :to="to || '#'" custom>
+  <template v-if="hasRouter">
+    <RouterLink v-slot="{ href, navigate, route: linkRoute, isActive, isExactActive }" v-bind="routerLinkProps" :to="to || '#'" custom>
+      <template v-if="custom">
+        <slot
+          v-bind="{
+            ...$attrs,
+            as,
+            type,
+            disabled,
+            href: to ? (isExternal ? to as string : href) : undefined,
+            navigate,
+            active: isLinkActive({ route: linkRoute, isActive, isExactActive })
+          }"
+        />
+      </template>
+      <ULinkBase
+        v-else
+        v-bind="{
+          ...$attrs,
+          as,
+          type,
+          disabled,
+          href: to ? (isExternal ? to as string : href) : undefined,
+          navigate
+        }"
+        :class="resolveLinkClass({ route: linkRoute, isActive, isExactActive })"
+      >
+        <slot :active="isLinkActive({ route: linkRoute, isActive, isExactActive })" />
+      </ULinkBase>
+    </RouterLink>
+  </template>
+
+  <template v-else>
     <template v-if="custom">
       <slot
         v-bind="{
@@ -184,9 +243,9 @@ function resolveLinkClass({ route, isActive, isExactActive }: any) {
           as,
           type,
           disabled,
-          href: to ? (isExternal ? to as string : href) : undefined,
-          navigate,
-          active: isLinkActive({ route: linkRoute, isActive, isExactActive })
+          href: to,
+          navigate: () => to && handleNavigation(to as string),
+          active: false
         }"
       />
     </template>
@@ -197,12 +256,12 @@ function resolveLinkClass({ route, isActive, isExactActive }: any) {
         as,
         type,
         disabled,
-        href: to ? (isExternal ? to as string : href) : undefined,
-        navigate
+        href: (to as string)
       }"
-      :class="resolveLinkClass({ route: linkRoute, isActive: isActive, isExactActive: isExactActive })"
+      :class="ui({ class: props.class, disabled })"
+      @click="to && handleNavigation(to as string)"
     >
-      <slot :active="isLinkActive({ route: linkRoute, isActive, isExactActive })" />
+      <slot :active="false" />
     </ULinkBase>
-  </RouterLink>
+  </template>
 </template>