@eslamdevui/ui 3.3.4 → 4.0.0-beta

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

@@ -1,18 +1,20 @@
 import type { AccordionRootProps, AccordionRootEmits } from 'reka-ui';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/accordion';
-import type { DynamicSlots, ComponentConfig } from '../types/utils';
+import type { IconProps } from '../types';
+import type { DynamicSlots, GetItemKeys } from '../types/utils';
+import type { ComponentConfig } from '../types/tv';
 type Accordion = ComponentConfig<typeof theme, AppConfig, 'accordion'>;
 export interface AccordionItem {
     label?: string;
     /**
      * @IconifyIcon
      */
-    icon?: string;
+    icon?: IconProps['name'];
     /**
      * @IconifyIcon
      */
-    trailingIcon?: string;
+    trailingIcon?: IconProps['name'];
     slot?: string;
     content?: string;
     /** A unique value for the accordion item. Defaults to the index. */
@@ -34,12 +36,12 @@ export interface AccordionProps<T extends AccordionItem = AccordionItem> extends
      * @defaultValue appConfig.ui.icons.chevronDown
      * @IconifyIcon
      */
-    trailingIcon?: string;
+    trailingIcon?: IconProps['name'];
     /**
      * The key used to get the label from the item.
      * @defaultValue 'label'
      */
-    labelKey?: string;
+    labelKey?: GetItemKeys<T>;
     class?: any;
     ui?: Accordion['slots'];
 }
@@ -63,7 +65,7 @@ export type AccordionSlots<T extends AccordionItem = AccordionItem> = {
 declare const _default: <T extends AccordionItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & AccordionProps<T> & Partial<{}>> & import("vue").PublicProps;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & AccordionProps<T> & {}> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: AccordionSlots<T>;

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

@@ -0,0 +1,81 @@
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/alert';
+import type { AvatarProps, ButtonProps, IconProps } from '../types';
+import type { ComponentConfig } from '../types/tv';
+type Alert = ComponentConfig<typeof theme, AppConfig, 'alert'>;
+export interface AlertProps {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'div'
+     */
+    as?: any;
+    title?: string;
+    description?: string;
+    /**
+     * @IconifyIcon
+     */
+    icon?: IconProps['name'];
+    avatar?: AvatarProps;
+    /**
+     * @defaultValue 'primary'
+     */
+    color?: Alert['variants']['color'];
+    /**
+     * @defaultValue 'solid'
+     */
+    variant?: Alert['variants']['variant'];
+    /**
+     * The orientation between the content and the actions.
+     * @defaultValue 'vertical'
+     */
+    orientation?: Alert['variants']['orientation'];
+    /**
+     * Display a list of actions:
+     * - under the title and description when orientation is `vertical`
+     * - next to the close button when orientation is `horizontal`
+     * `{ size: 'xs' }`{lang="ts-type"}
+     */
+    actions?: ButtonProps[];
+    /**
+     * Display a close button to dismiss the alert.
+     * `{ size: 'md', color: 'neutral', variant: 'link' }`{lang="ts-type"}
+     * @emits 'update:open'
+     * @defaultValue false
+     */
+    close?: boolean | Partial<ButtonProps>;
+    /**
+     * The icon displayed in the close button.
+     * @defaultValue appConfig.ui.icons.close
+     * @IconifyIcon
+     */
+    closeIcon?: IconProps['name'];
+    class?: any;
+    ui?: Alert['slots'];
+}
+export interface AlertEmits {
+    'update:open': [value: boolean];
+}
+export interface AlertSlots {
+    leading(props?: {}): any;
+    title(props?: {}): any;
+    description(props?: {}): any;
+    actions(props?: {}): any;
+    close(props: {
+        ui: {
+            [K in keyof Required<Alert['slots']>]: (props?: Record<string, any>) => string;
+        };
+    }): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<AlertProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    orientation: Alert["variants"]["orientation"];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, AlertSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/Alert.vue

@@ -15,14 +15,14 @@ const props = defineProps({
   as: { type: null, required: false },
   title: { type: String, required: false },
   description: { type: String, required: false },
-  icon: { type: String, required: false },
+  icon: { type: [String, Object], required: false },
   avatar: { type: Object, required: false },
   color: { type: null, required: false },
   variant: { type: null, required: false },
   orientation: { type: null, required: false, default: "vertical" },
   actions: { type: Array, required: false },
   close: { type: [Boolean, Object], required: false },
-  closeIcon: { type: String, required: false },
+  closeIcon: { type: [String, Object], required: false },
   class: { type: null, required: false },
   ui: { type: null, required: false }
 });

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

@@ -1,7 +1,7 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/alert';
-import type { AvatarProps, ButtonProps } from '../types';
-import type { ComponentConfig } from '../types/utils';
+import type { AvatarProps, ButtonProps, IconProps } from '../types';
+import type { ComponentConfig } from '../types/tv';
 type Alert = ComponentConfig<typeof theme, AppConfig, 'alert'>;
 export interface AlertProps {
     /**
@@ -14,7 +14,7 @@ export interface AlertProps {
     /**
      * @IconifyIcon
      */
-    icon?: string;
+    icon?: IconProps['name'];
     avatar?: AvatarProps;
     /**
      * @defaultValue 'primary'
@@ -48,7 +48,7 @@ export interface AlertProps {
      * @defaultValue appConfig.ui.icons.close
      * @IconifyIcon
      */
-    closeIcon?: string;
+    closeIcon?: IconProps['name'];
     class?: any;
     ui?: Alert['slots'];
 }
@@ -66,7 +66,7 @@ export interface AlertSlots {
         };
     }): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AlertProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<AlertProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;

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

@@ -0,0 +1,25 @@
+import type { ConfigProviderProps, TooltipProviderProps } from 'reka-ui';
+import type { ToasterProps } from '../types';
+import type { Locale, Messages } from '../types/locale';
+export interface AppProps<T extends Messages = Messages> extends Omit<ConfigProviderProps, 'useId' | 'dir' | 'locale'> {
+    tooltip?: TooltipProviderProps;
+    toaster?: ToasterProps | null;
+    locale?: Locale<T>;
+    portal?: string | HTMLElement;
+}
+export interface AppSlots {
+    default(props?: {}): any;
+}
+declare const _default: <T extends Messages>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & AppProps<T> & {}> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: AppSlots;
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/dist/runtime/components/App.vue

@@ -15,7 +15,7 @@ import UOverlayProvider from "./OverlayProvider.vue";
 const props = defineProps({
   tooltip: { type: Object, required: false },
   toaster: { type: [Object, null], required: false },
-  locale: { type: null, required: false },
+  locale: { type: Object, required: false },
   portal: { type: null, required: false, default: "body" },
   scrollBody: { type: [Boolean, Object], required: false },
   nonce: { type: String, required: false }

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

@@ -1,5 +1,6 @@
 import type { ConfigProviderProps, TooltipProviderProps } from 'reka-ui';
-import type { ToasterProps, Locale, Messages } from '../types';
+import type { ToasterProps } from '../types';
+import type { Locale, Messages } from '../types/locale';
 export interface AppProps<T extends Messages = Messages> extends Omit<ConfigProviderProps, 'useId' | 'dir' | 'locale'> {
     tooltip?: TooltipProviderProps;
     toaster?: ToasterProps | null;
@@ -10,7 +11,7 @@ export interface AppSlots {
     default(props?: {}): any;
 }
 declare const _default: <T extends Messages>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & AppProps<T> & Partial<{}>> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & AppProps<T> & {}> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: AppSlots;

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

@@ -0,0 +1,128 @@
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/auth-form';
+import type { ButtonProps, FormProps, FormFieldProps, SeparatorProps, PinInputProps, IconProps } from '../types';
+import type { FormSchema, FormSubmitEvent, InferInput } from '../types/form';
+import type { ComponentConfig } from '../types/tv';
+type AuthForm = ComponentConfig<typeof theme, AppConfig, 'authForm'>;
+type AuthFormField = FormFieldProps & {
+    name: string;
+    type?: 'checkbox' | 'select' | 'password' | 'text' | 'otp' | 'email';
+    defaultValue?: any;
+    otp?: PinInputProps;
+};
+export interface AuthFormProps<T extends FormSchema = FormSchema<object>, F extends AuthFormField = AuthFormField> {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'div'
+     */
+    as?: any;
+    /**
+     * The icon displayed above the title.
+     * @IconifyIcon
+     */
+    icon?: IconProps['name'];
+    title?: string;
+    description?: string;
+    fields?: F[];
+    /**
+     * Display a list of Button under the description.
+     * `{ color: 'neutral', variant: 'subtle', block: true }`{lang="ts-type"}
+     */
+    providers?: ButtonProps[];
+    /**
+     * The text displayed in the separator.
+     * @defaultValue 'or'
+     */
+    separator?: string | SeparatorProps;
+    /**
+     * Display a submit button at the bottom of the form.
+     * `{ label: 'Continue', block: true }`{lang="ts-type"}
+     */
+    submit?: ButtonProps;
+    schema?: T;
+    validate?: FormProps<T>['validate'];
+    validateOn?: FormProps<T>['validateOn'];
+    validateOnInputDelay?: FormProps<T>['validateOnInputDelay'];
+    disabled?: FormProps<T>['disabled'];
+    loading?: ButtonProps['loading'];
+    loadingAuto?: FormProps<T>['loadingAuto'];
+    class?: any;
+    onSubmit?: FormProps<T>['onSubmit'];
+    ui?: AuthForm['slots'];
+}
+export type AuthFormEmits<T extends object> = {
+    submit: [payload: FormSubmitEvent<T>];
+};
+type DynamicFieldSlots<T, F, SlotProps = {
+    field: F;
+    state: T;
+}> = Record<string, (props: SlotProps) => any> & Record<`${keyof T extends string ? keyof T : never}-field`, (props: SlotProps) => any>;
+type DynamicFormFieldSlots<T> = Record<string, (props?: {}) => any> & Record<`${keyof T extends string ? keyof T : never}-${'label' | 'description' | 'hint' | 'help' | 'error'}`, (props?: {}) => any>;
+export type AuthFormSlots<T extends object = object, F extends AuthFormField = AuthFormField> = {
+    header(props?: {}): any;
+    leading(props?: {}): any;
+    title(props?: {}): any;
+    description(props?: {}): any;
+    providers(props?: {}): any;
+    validation(props?: {}): any;
+    submit(props: {
+        loading: boolean;
+    }): any;
+    footer(props?: {}): any;
+} & DynamicFieldSlots<T, F> & DynamicFormFieldSlots<T>;
+declare const _default: <T extends FormSchema, F extends AuthFormField>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onSubmit?: ((payload: FormSubmitEvent<import("vue").Reactive<InferInput<T>>>) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onSubmit"> & AuthFormProps<T, F> & {}> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{
+        formRef: Readonly<import("vue").ShallowRef<import("vue").ShallowUnwrapRef<{
+            validate: {
+                <T_1 extends boolean>(opts: {
+                    name?: keyof InferInput<T> | (keyof InferInput<T>)[] | undefined;
+                    silent?: false | undefined;
+                    nested?: boolean;
+                    transform?: T_1 | undefined;
+                }): Promise<import("../types").FormData<T, T_1>>;
+                <T_1 extends boolean>(opts: {
+                    name?: keyof InferInput<T> | (keyof InferInput<T>)[] | undefined;
+                    silent?: true | undefined;
+                    nested?: boolean;
+                    transform?: T_1 | undefined;
+                }): Promise<false | import("../types").FormData<T, T_1>>;
+            };
+            errors: import("vue").Ref<{
+                id?: string | undefined;
+                name?: string | undefined;
+                message: string;
+            }[], import("../types").FormErrorWithId[] | {
+                id?: string | undefined;
+                name?: string | undefined;
+                message: string;
+            }[]>;
+            setErrors(errs: import("../types").FormError[], name?: string | RegExp | keyof InferInput<T> | undefined): void;
+            submit(): Promise<void>;
+            getErrors(name?: string | RegExp | keyof InferInput<T> | undefined): {
+                id?: string | undefined;
+                name?: string | undefined;
+                message: string;
+            }[];
+            clear(name?: string | RegExp | keyof InferInput<T> | undefined): void;
+            disabled: import("vue").ComputedRef<boolean>;
+            loading: import("vue").Ref<boolean, boolean>;
+            dirty: import("vue").ComputedRef<boolean>;
+            dirtyFields: ReadonlySet<import("vue").DeepReadonly<import("@vue/reactivity").UnwrapRefSimple<keyof InferInput<T>>>>;
+            blurredFields: ReadonlySet<import("vue").DeepReadonly<import("@vue/reactivity").UnwrapRefSimple<keyof InferInput<T>>>>;
+            touchedFields: ReadonlySet<import("vue").DeepReadonly<import("@vue/reactivity").UnwrapRefSimple<keyof InferInput<T>>>>;
+        }> | null>>;
+        state: import("vue").Reactive<InferInput<T>>;
+    }>): void;
+    attrs: any;
+    slots: AuthFormSlots<import("vue").Reactive<InferInput<T>>, F>;
+    emit: (evt: "submit", payload: FormSubmitEvent<import("vue").Reactive<InferInput<T>>>) => void;
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/dist/runtime/components/AuthForm.vue

@@ -5,13 +5,22 @@ import theme from "#build/ui/auth-form";
 <script setup>
 import { reactive, ref, computed, useTemplateRef } from "vue";
 import { Primitive } from "reka-ui";
-import { omit } from "../utils";
 import { useAppConfig } from "#imports";
-import { useLocalePro } from "../composables/useLocalePro";
+import { useLocale } from "../composables/useLocale";
+import { omit } from "../utils";
 import { tv } from "../utils/tv";
+import UButton from "./Button.vue";
+import UIcon from "./Icon.vue";
+import USeparator from "./Separator.vue";
+import UForm from "./Form.vue";
+import UFormField from "./FormField.vue";
+import UCheckbox from "./Checkbox.vue";
+import USelectMenu from "./SelectMenu.vue";
+import UInput from "./Input.vue";
+import UPinInput from "./PinInput.vue";
 const props = defineProps({
   as: { type: null, required: false },
-  icon: { type: String, required: false },
+  icon: { type: [String, Object], required: false },
   title: { type: String, required: false },
   description: { type: String, required: false },
   fields: { type: Array, required: false },
@@ -23,22 +32,29 @@ const props = defineProps({
   validateOn: { type: Array, required: false },
   validateOnInputDelay: { type: Number, required: false },
   disabled: { type: Boolean, required: false },
-  loading: { type: Boolean, required: false, default: false },
+  loading: { type: Boolean, required: false },
+  loadingAuto: { type: Boolean, required: false },
   class: { type: null, required: false },
+  onSubmit: { type: Function, required: false },
   ui: { type: null, required: false }
 });
-const emits = defineEmits(["submit"]);
+const state = reactive((props.fields || []).reduce((acc, field) => {
+  if (field.name) {
+    acc[field.name] = field.defaultValue;
+  }
+  return acc;
+}, {}));
+defineEmits(["submit"]);
 const slots = defineSlots();
-const { t } = useLocalePro();
+const { t } = useLocale();
 const appConfig = useAppConfig();
 const formRef = useTemplateRef("formRef");
 const passwordVisibility = ref(false);
-const state = reactive({});
-props.fields?.forEach((f) => {
-  state[f.name] = f.defaultValue;
-});
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.authForm || {} })());
-defineExpose({ formRef, state });
+defineExpose({
+  formRef,
+  state
+});
 </script>
 
 <template>
@@ -94,7 +110,8 @@ defineExpose({ formRef, state });
         :validate-on="validateOn"
         :class="ui.form({ class: props.ui?.form })"
         :disabled="disabled"
-        @submit="emits('submit', $event)"
+        :loading-auto="loadingAuto"
+        @submit="onSubmit"
       >
         <UFormField
           v-for="field in fields"
@@ -106,6 +123,7 @@ defineExpose({ formRef, state });
           :name="field.name"
           :size="field.size"
           :required="field.required"
+          :error="field.error"
         >
           <slot :name="`${field.name}-field`" v-bind="{ state, field }">
             <UCheckbox
@@ -182,6 +200,7 @@ defineExpose({ formRef, state });
             :label="t('authForm.submit')"
             block
             :loading="loading"
+            :loading-auto="loadingAuto"
             v-bind="submit"
           />
         </slot>

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

@@ -1,10 +1,12 @@
-import theme from '#build/ui/auth-form';
 import type { AppConfig } from '@nuxt/schema';
-import type { ButtonProps, FormProps, FormFieldProps, FormSchema, FormSubmitEvent, SeparatorProps, ComponentConfig, PinInputProps } from '../types';
+import theme from '#build/ui/auth-form';
+import type { ButtonProps, FormProps, FormFieldProps, SeparatorProps, PinInputProps, IconProps } from '../types';
+import type { FormSchema, FormSubmitEvent, InferInput } from '../types/form';
+import type { ComponentConfig } from '../types/tv';
 type AuthForm = ComponentConfig<typeof theme, AppConfig, 'authForm'>;
 type AuthFormField = FormFieldProps & {
     name: string;
-    type?: 'checkbox' | 'select' | 'password' | 'text' | 'otp';
+    type?: 'checkbox' | 'select' | 'password' | 'text' | 'otp' | 'email';
     defaultValue?: any;
     otp?: PinInputProps;
 };
@@ -18,7 +20,7 @@ export interface AuthFormProps<T extends FormSchema = FormSchema<object>, F exte
      * The icon displayed above the title.
      * @IconifyIcon
      */
-    icon?: string;
+    icon?: IconProps['name'];
     title?: string;
     description?: string;
     fields?: F[];
@@ -43,7 +45,9 @@ export interface AuthFormProps<T extends FormSchema = FormSchema<object>, F exte
     validateOnInputDelay?: FormProps<T>['validateOnInputDelay'];
     disabled?: FormProps<T>['disabled'];
     loading?: ButtonProps['loading'];
+    loadingAuto?: FormProps<T>['loadingAuto'];
     class?: any;
+    onSubmit?: FormProps<T>['onSubmit'];
     ui?: AuthForm['slots'];
 }
 export type AuthFormEmits<T extends object> = {
@@ -66,20 +70,59 @@ export type AuthFormSlots<T extends object = object, F extends AuthFormField = A
     }): any;
     footer(props?: {}): any;
 } & DynamicFieldSlots<T, F> & DynamicFormFieldSlots<T>;
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AuthFormProps<FormSchema<object>, AuthFormField>, {
-    formRef: Readonly<import("vue").ShallowRef<any>>;
-    state: Record<string, any>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    submit: (payload: FormSubmitEvent<any>) => any;
-}, string, import("vue").PublicProps, Readonly<AuthFormProps<FormSchema<object>, AuthFormField>> & Readonly<{
-    onSubmit?: ((payload: FormSubmitEvent<any>) => any) | undefined;
-}>, {
-    loading: boolean;
-    separator: string | SeparatorProps;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, AuthFormSlots<object, AuthFormField>>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
+declare const _default: <T extends FormSchema, F extends AuthFormField>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onSubmit?: ((payload: FormSubmitEvent<import("vue").Reactive<InferInput<T>>>) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onSubmit"> & AuthFormProps<T, F> & {}> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{
+        formRef: Readonly<import("vue").ShallowRef<import("vue").ShallowUnwrapRef<{
+            validate: {
+                <T_1 extends boolean>(opts: {
+                    name?: keyof InferInput<T> | (keyof InferInput<T>)[] | undefined;
+                    silent?: false | undefined;
+                    nested?: boolean;
+                    transform?: T_1 | undefined;
+                }): Promise<import("../types").FormData<T, T_1>>;
+                <T_1 extends boolean>(opts: {
+                    name?: keyof InferInput<T> | (keyof InferInput<T>)[] | undefined;
+                    silent?: true | undefined;
+                    nested?: boolean;
+                    transform?: T_1 | undefined;
+                }): Promise<false | import("../types").FormData<T, T_1>>;
+            };
+            errors: import("vue").Ref<{
+                id?: string | undefined;
+                name?: string | undefined;
+                message: string;
+            }[], import("../types").FormErrorWithId[] | {
+                id?: string | undefined;
+                name?: string | undefined;
+                message: string;
+            }[]>;
+            setErrors(errs: import("../types").FormError[], name?: string | RegExp | keyof InferInput<T> | undefined): void;
+            submit(): Promise<void>;
+            getErrors(name?: string | RegExp | keyof InferInput<T> | undefined): {
+                id?: string | undefined;
+                name?: string | undefined;
+                message: string;
+            }[];
+            clear(name?: string | RegExp | keyof InferInput<T> | undefined): void;
+            disabled: import("vue").ComputedRef<boolean>;
+            loading: import("vue").Ref<boolean, boolean>;
+            dirty: import("vue").ComputedRef<boolean>;
+            dirtyFields: ReadonlySet<import("vue").DeepReadonly<import("@vue/reactivity").UnwrapRefSimple<keyof InferInput<T>>>>;
+            blurredFields: ReadonlySet<import("vue").DeepReadonly<import("@vue/reactivity").UnwrapRefSimple<keyof InferInput<T>>>>;
+            touchedFields: ReadonlySet<import("vue").DeepReadonly<import("@vue/reactivity").UnwrapRefSimple<keyof InferInput<T>>>>;
+        }> | null>>;
+        state: import("vue").Reactive<InferInput<T>>;
+    }>): void;
+    attrs: any;
+    slots: AuthFormSlots<import("vue").Reactive<InferInput<T>>, F>;
+    emit: (evt: "submit", payload: FormSubmitEvent<import("vue").Reactive<InferInput<T>>>) => void;
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

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

@@ -0,0 +1,41 @@
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/avatar';
+import type { ChipProps, IconProps } from '../types';
+import type { ComponentConfig } from '../types/tv';
+type Avatar = ComponentConfig<typeof theme, AppConfig, 'avatar'>;
+export interface AvatarProps {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'span'
+     */
+    as?: any;
+    src?: string;
+    alt?: string;
+    /**
+     * @IconifyIcon
+     */
+    icon?: IconProps['name'];
+    text?: string;
+    /**
+     * @defaultValue 'md'
+     */
+    size?: Avatar['variants']['size'];
+    chip?: boolean | ChipProps;
+    class?: any;
+    style?: any;
+    ui?: Avatar['slots'];
+}
+export interface AvatarSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarProps> & Readonly<{}>, {
+    as: any;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/Avatar.vue

@@ -16,7 +16,7 @@ const props = defineProps({
   as: { type: null, required: false, default: "span" },
   src: { type: String, required: false },
   alt: { type: String, required: false },
-  icon: { type: String, required: false },
+  icon: { type: [String, Object], required: false },
   text: { type: String, required: false },
   size: { type: null, required: false },
   chip: { type: [Boolean, Object], required: false },

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

@@ -1,7 +1,7 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/avatar';
-import type { ChipProps } from '../types';
-import type { ComponentConfig } from '../types/utils';
+import type { ChipProps, IconProps } from '../types';
+import type { ComponentConfig } from '../types/tv';
 type Avatar = ComponentConfig<typeof theme, AppConfig, 'avatar'>;
 export interface AvatarProps {
     /**
@@ -14,7 +14,7 @@ export interface AvatarProps {
     /**
      * @IconifyIcon
      */
-    icon?: string;
+    icon?: IconProps['name'];
     text?: string;
     /**
      * @defaultValue 'md'
@@ -28,7 +28,7 @@ export interface AvatarProps {
 export interface AvatarSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvatarProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarProps> & Readonly<{}>, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarProps> & Readonly<{}>, {
     as: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;