@nuxt/ui 4.0.0-alpha.0 → 4.0.0-alpha.1

package/.nuxt/ui/changelog-version.ts

@@ -12,7 +12,7 @@ export default {
     "image": "object-cover object-top w-full h-full",
     "authors": "flex flex-wrap gap-x-4 gap-y-1.5",
     "footer": "border-t border-default pt-5 flex items-center justify-between",
-    "indicator": "absolute left-0 top-0 w-32 hidden lg:flex items-center justify-end gap-3 min-w-0",
+    "indicator": "absolute start-0 top-0 w-32 hidden lg:flex items-center justify-end gap-3 min-w-0",
     "dot": "size-4 rounded-full bg-default ring ring-default flex items-center justify-center my-1",
     "dotInner": "size-2 rounded-full bg-primary"
   },

package/.nuxt/ui/changelog-versions.ts

@@ -2,7 +2,7 @@ export default {
   "slots": {
     "root": "relative",
     "container": "flex flex-col gap-y-8 sm:gap-y-12 lg:gap-y-16",
-    "indicator": "absolute hidden lg:block overflow-hidden inset-y-3 left-32 h-full w-px bg-border -ml-[8.5px]",
-    "beam": "absolute left-0 top-0 w-full bg-primary will-change-[height]"
+    "indicator": "absolute hidden lg:block overflow-hidden inset-y-3 start-32 h-full w-px bg-border -ms-[8.5px]",
+    "beam": "absolute start-0 top-0 w-full bg-primary will-change-[height]"
   }
 }

package/README.md

@@ -14,28 +14,28 @@
 Nuxt UI harnesses the combined strengths of [Reka UI](https://reka-ui.com/), [Tailwind CSS](https://tailwindcss.com/), and [Tailwind Variants](https://www.tailwind-variants.org/) to offer developers an unparalleled set of tools for creating sophisticated, accessible, and highly performant user interfaces.
 
 > [!NOTE]
-> You are on the `v4` development branch, check out the [v2 branch](https://github.com/nuxt/ui/tree/v2) for Nuxt UI v2.
+> You are on the `v4` branch, check out the [v3 branch](https://github.com/nuxt/ui/tree/v3) for Nuxt UI v3 or [v2 branch](https://github.com/nuxt/ui/tree/v2) for Nuxt UI v2.
 
 ## Documentation
 
-Visit https://ui.nuxt.com to explore the documentation.
+Visit https://ui4.nuxt.com to explore the documentation.
 
 ## Installation
 
 ```bash [pnpm]
-pnpm add @nuxt/ui
+pnpm add @nuxt/ui@alpha
 ```
 
 ```bash [yarn]
-yarn add @nuxt/ui
+yarn add @nuxt/ui@alpha
 ```
 
 ```bash [npm]
-npm install @nuxt/ui
+npm install @nuxt/ui@alpha
 ```
 
 ```bash [bun]
-bun add @nuxt/ui
+bun add @nuxt/ui@alpha
 ```
 
 ### Nuxt
@@ -55,7 +55,7 @@ export default defineNuxtConfig({
 @import "@nuxt/ui";
 ```
 
-Learn more in the [installation guide](https://ui.nuxt.com/docs/getting-started/installation/nuxt).
+Learn more in the [installation guide](https://ui4.nuxt.com/docs/getting-started/installation/nuxt).
 
 ### Vue
 
@@ -102,18 +102,18 @@ app.mount('#app')
 @import "@nuxt/ui";
 ```
 
-Learn more in the [installation guide](https://ui.nuxt.com/docs/getting-started/installation/vue).
+Learn more in the [installation guide](https://ui4.nuxt.com/docs/getting-started/installation/vue).
 
 ## Contribution
 
 Thank you for considering contributing to Nuxt UI. Here are a few ways you can get involved:
 
 - Reporting Bugs: If you come across any bugs or issues, please check out the reporting bugs guide to learn how to submit a bug report.
-- Suggestions: Have any thoughts to enhance Nuxt UI? We'd love to hear them! Check out the [contribution guide](https://ui.nuxt.com/docs/getting-started/contribution) to share your suggestions.
+- Suggestions: Have any thoughts to enhance Nuxt UI? We'd love to hear them! Check out the [contribution guide](https://ui4.nuxt.com/docs/getting-started/contribution) to share your suggestions.
 
 ## Local Development
 
-Follow the docs to [set up your local development environment](https://ui.nuxt.com/docs/getting-started/contribution#local-development) and contribute.
+Follow the docs to [set up your local development environment](https://ui4.nuxt.com/docs/getting-started/contribution#local-development) and contribute.
 
 ## Credits
 

package/dist/module.json

@@ -1,10 +1,10 @@
 {
   "name": "@nuxt/ui",
-  "version": "4.0.0-alpha.0",
+  "version": "4.0.0-alpha.1",
   "docs": "https://ui.nuxt.com/docs/getting-started/installation/nuxt",
   "configKey": "ui",
   "compatibility": {
-    "nuxt": ">=3.16.0"
+    "nuxt": ">=4.0.0"
   },
   "builder": {
     "@nuxt/module-builder": "1.0.1",

package/dist/module.mjs

@@ -1,6 +1,6 @@
 import { defu } from 'defu';
 import { defineNuxtModule, createResolver, addVitePlugin, addPlugin, hasNuxtModule, addComponentsDir, addImportsDir, installModule } from '@nuxt/kit';
-import { d as defaultOptions, r as resolveColors, a as getDefaultUiConfig, b as addTemplates } from './shared/ui.DT-jTZu1.mjs';
+import { d as defaultOptions, r as resolveColors, a as getDefaultUiConfig, b as addTemplates } from './shared/ui.BEZXPd3d.mjs';
 import '../dist/runtime/utils/index.js';
 import 'node:url';
 import 'scule';
@@ -8,7 +8,7 @@ import 'knitwork';
 import 'tailwindcss/colors';
 
 const name = "@nuxt/ui";
-const version = "4.0.0-alpha.0";
+const version = "4.0.0-alpha.1";
 
 const module = defineNuxtModule({
   meta: {
@@ -17,7 +17,7 @@ const module = defineNuxtModule({
     docs: "https://ui.nuxt.com/docs/getting-started/installation/nuxt",
     configKey: "ui",
     compatibility: {
-      nuxt: ">=3.16.0"
+      nuxt: ">=4.0.0"
     }
   },
   defaults: defaultOptions,

package/dist/runtime/components/Accordion.vue

@@ -13,7 +13,7 @@ import UIcon from "./Icon.vue";
 const props = defineProps({
   as: { type: null, required: false },
   items: { type: Array, required: false },
-  trailingIcon: { type: String, required: false },
+  trailingIcon: { type: [String, Object], required: false },
   labelKey: { type: String, required: false, default: "label" },
   class: { type: null, required: false },
   ui: { type: null, required: false },

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

@@ -1,6 +1,7 @@
 import type { AccordionRootProps, AccordionRootEmits } from 'reka-ui';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/accordion';
+import type { IconProps } from '../types';
 import type { DynamicSlots } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type Accordion = ComponentConfig<typeof theme, AppConfig, 'accordion'>;
@@ -9,11 +10,11 @@ export interface AccordionItem {
     /**
      * @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. */
@@ -35,7 +36,7 @@ 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'
@@ -64,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.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,6 +1,6 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/alert';
-import type { AvatarProps, ButtonProps } from '../types';
+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.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

@@ -11,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.vue

@@ -20,7 +20,7 @@ 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 },

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

@@ -1,6 +1,6 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/auth-form';
-import type { ButtonProps, FormProps, FormFieldProps, SeparatorProps, PinInputProps } from '../types';
+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'>;
@@ -20,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[];
@@ -73,7 +73,7 @@ export type AuthFormSlots<T extends object = object, F extends AuthFormField = A
 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> & Partial<{}>> & import("vue").PublicProps;
+    } & 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<import("../types").Form<T>> | null>>;
         state: import("vue").Reactive<InferInput<T>>;

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,6 +1,6 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/avatar';
-import type { ChipProps } from '../types';
+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;

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

@@ -22,7 +22,7 @@ export interface AvatarGroupProps {
 export interface AvatarGroupSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvatarGroupProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, AvatarGroupSlots>;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AvatarGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, AvatarGroupSlots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/Badge.vue

@@ -20,12 +20,12 @@ const props = defineProps({
   square: { type: Boolean, required: false },
   class: { type: null, required: false },
   ui: { type: null, required: false },
-  icon: { type: String, required: false },
+  icon: { type: [String, Object], required: false },
   avatar: { type: Object, required: false },
   leading: { type: Boolean, required: false },
-  leadingIcon: { type: String, required: false },
+  leadingIcon: { type: [String, Object], required: false },
   trailing: { type: Boolean, required: false },
-  trailingIcon: { type: String, required: false }
+  trailingIcon: { type: [String, Object], required: false }
 });
 const slots = defineSlots();
 const appConfig = useAppConfig();

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

@@ -32,7 +32,7 @@ export interface BadgeSlots {
     default(props?: {}): any;
     trailing(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<BadgeProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<BadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
     as: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, BadgeSlots>;
 export default _default;

package/dist/runtime/components/Banner.vue

@@ -16,14 +16,14 @@ defineOptions({ inheritAttrs: false });
 const props = defineProps({
   as: { type: null, required: false },
   id: { type: String, required: false },
-  icon: { type: String, required: false },
+  icon: { type: [String, Object], required: false },
   title: { type: String, required: false },
   actions: { type: Array, required: false },
   to: { type: null, required: false },
   target: { type: [String, Object, null], required: false },
   color: { type: null, 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/Banner.vue.d.ts

@@ -1,6 +1,6 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/banner';
-import type { ButtonProps, LinkProps } from '../types';
+import type { ButtonProps, IconProps, LinkProps } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type Banner = ComponentConfig<typeof theme, AppConfig, 'banner'>;
 export interface BannerProps {
@@ -19,7 +19,7 @@ export interface BannerProps {
      * The icon displayed next to the title.
      * @IconifyIcon
      */
-    icon?: string;
+    icon?: IconProps['name'];
     title?: string;
     /**
      * Display a list of actions next to the title.
@@ -44,7 +44,7 @@ export interface BannerProps {
      * @defaultValue appConfig.ui.icons.close
      * @IconifyIcon
      */
-    closeIcon?: string;
+    closeIcon?: IconProps['name'];
     class?: any;
     ui?: Banner['slots'];
 }
@@ -59,7 +59,7 @@ export interface BannerSlots {
 export interface BannerEmits {
     close: [];
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<BannerProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<BannerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
 }, string, import("vue").PublicProps, Readonly<BannerProps> & Readonly<{
     onClose?: (() => any) | undefined;

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

@@ -48,7 +48,7 @@ export interface BlogPostSlots {
     body(props?: {}): any;
     footer(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<BlogPostProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BlogPostProps> & Readonly<{}>, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<BlogPostProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BlogPostProps> & Readonly<{}>, {
     as: any;
     orientation: BlogPost["variants"]["orientation"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, BlogPostSlots>;

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

@@ -20,7 +20,7 @@ export interface BlogPostsProps {
 export interface BlogPostsSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<BlogPostsProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BlogPostsProps> & Readonly<{}>, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<BlogPostsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BlogPostsProps> & Readonly<{}>, {
     orientation: BlogPosts["variants"]["orientation"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, BlogPostsSlots>;
 export default _default;

package/dist/runtime/components/Breadcrumb.vue

@@ -17,7 +17,7 @@ import ULink from "./Link.vue";
 const props = defineProps({
   as: { type: null, required: false, default: "nav" },
   items: { type: Array, required: false },
-  separatorIcon: { type: String, required: false },
+  separatorIcon: { type: [String, Object], required: false },
   labelKey: { type: String, required: false, default: "label" },
   class: { type: null, required: false },
   ui: { type: null, required: false }

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

@@ -1,6 +1,6 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/breadcrumb';
-import type { AvatarProps, LinkProps } from '../types';
+import type { AvatarProps, IconProps, LinkProps } from '../types';
 import type { DynamicSlots } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type Breadcrumb = ComponentConfig<typeof theme, AppConfig, 'breadcrumb'>;
@@ -9,7 +9,7 @@ export interface BreadcrumbItem extends Omit<LinkProps, 'raw' | 'custom'> {
     /**
      * @IconifyIcon
      */
-    icon?: string;
+    icon?: IconProps['name'];
     avatar?: AvatarProps;
     slot?: string;
     class?: any;
@@ -28,7 +28,7 @@ export interface BreadcrumbProps<T extends BreadcrumbItem = BreadcrumbItem> {
      * @defaultValue appConfig.ui.icons.chevronRight
      * @IconifyIcon
      */
-    separatorIcon?: string;
+    separatorIcon?: IconProps['name'];
     /**
      * The key used to get the label from the item.
      * @defaultValue 'label'
@@ -53,7 +53,7 @@ export type BreadcrumbSlots<T extends BreadcrumbItem = BreadcrumbItem> = {
     active?: boolean;
 }>;
 declare const _default: <T extends BreadcrumbItem>(__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> & BreadcrumbProps<T> & Partial<{}>> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & BreadcrumbProps<T> & {}> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: BreadcrumbSlots<T>;

package/dist/runtime/components/Button.vue

@@ -30,14 +30,14 @@ const props = defineProps({
   onClick: { type: [Function, Array], required: false },
   class: { type: null, required: false },
   ui: { type: null, required: false },
-  icon: { type: String, required: false },
+  icon: { type: [String, Object], required: false },
   avatar: { type: Object, required: false },
   leading: { type: Boolean, required: false },
-  leadingIcon: { type: String, required: false },
+  leadingIcon: { type: [String, Object], required: false },
   trailing: { type: Boolean, required: false },
-  trailingIcon: { type: String, required: false },
+  trailingIcon: { type: [String, Object], required: false },
   loading: { type: Boolean, required: false },
-  loadingIcon: { type: String, required: false },
+  loadingIcon: { type: [String, Object], required: false },
   as: { type: null, required: false },
   type: { type: null, required: false },
   disabled: { type: Boolean, required: false },

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

@@ -35,7 +35,7 @@ export interface ButtonSlots {
     default(props?: {}): any;
     trailing(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ButtonProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ButtonSlots>;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ButtonSlots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/Calendar.vue

@@ -13,13 +13,13 @@ import { tv } from "../utils/tv";
 import UButton from "./Button.vue";
 const props = defineProps({
   as: { type: null, required: false },
-  nextYearIcon: { type: String, required: false },
+  nextYearIcon: { type: [String, Object], required: false },
   nextYear: { type: Object, required: false },
-  nextMonthIcon: { type: String, required: false },
+  nextMonthIcon: { type: [String, Object], required: false },
   nextMonth: { type: Object, required: false },
-  prevYearIcon: { type: String, required: false },
+  prevYearIcon: { type: [String, Object], required: false },
   prevYear: { type: Object, required: false },
-  prevMonthIcon: { type: String, required: false },
+  prevMonthIcon: { type: [String, Object], required: false },
   prevMonth: { type: Object, required: false },
   color: { type: null, required: false },
   size: { type: null, required: false },
@@ -54,7 +54,7 @@ const props = defineProps({
   disableDaysOutsideCurrentView: { type: Boolean, required: false },
   fixedDate: { type: String, required: false }
 });
-const emits = defineEmits(["update:modelValue", "update:placeholder", "update:startValue"]);
+const emits = defineEmits(["update:modelValue", "update:placeholder", "update:validModelValue", "update:startValue"]);
 defineSlots();
 const { code: locale, dir, t } = useLocale();
 const appConfig = useAppConfig();

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

@@ -2,7 +2,7 @@ import type { CalendarRootProps, CalendarRootEmits, RangeCalendarRootProps, Rang
 import type { DateValue } from '@internationalized/date';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/calendar';
-import type { ButtonProps } from '../types';
+import type { ButtonProps, IconProps } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type Calendar = ComponentConfig<typeof theme, AppConfig, 'calendar'>;
 type CalendarDefaultValue<R extends boolean = false, M extends boolean = false> = R extends true ? DateRange : M extends true ? DateValue[] : DateValue;
@@ -20,7 +20,7 @@ export interface CalendarProps<R extends boolean = false, M extends boolean = fa
      * @defaultValue appConfig.ui.icons.chevronDoubleRight
      * @IconifyIcon
      */
-    nextYearIcon?: string;
+    nextYearIcon?: IconProps['name'];
     /**
      * Configure the next year button.
      * `{ color: 'neutral', variant: 'ghost' }`{lang="ts-type"}
@@ -31,7 +31,7 @@ export interface CalendarProps<R extends boolean = false, M extends boolean = fa
      * @defaultValue appConfig.ui.icons.chevronRight
      * @IconifyIcon
      */
-    nextMonthIcon?: string;
+    nextMonthIcon?: IconProps['name'];
     /**
      * Configure the next month button.
      * `{ color: 'neutral', variant: 'ghost' }`{lang="ts-type"}
@@ -42,7 +42,7 @@ export interface CalendarProps<R extends boolean = false, M extends boolean = fa
      * @defaultValue appConfig.ui.icons.chevronDoubleLeft
      * @IconifyIcon
      */
-    prevYearIcon?: string;
+    prevYearIcon?: IconProps['name'];
     /**
      * Configure the prev year button.
      * `{ color: 'neutral', variant: 'ghost' }`{lang="ts-type"}
@@ -53,7 +53,7 @@ export interface CalendarProps<R extends boolean = false, M extends boolean = fa
      * @defaultValue appConfig.ui.icons.chevronLeft
      * @IconifyIcon
      */
-    prevMonthIcon?: string;
+    prevMonthIcon?: IconProps['name'];
     /**
      * Configure the prev month button.
      * `{ color: 'neutral', variant: 'ghost' }`{lang="ts-type"}
@@ -96,12 +96,13 @@ declare const _default: <R extends boolean, M extends boolean>(__VLS_props: NonN
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:modelValue"?: ((date: CalendarModelValue<R, M>) => any) | undefined;
         readonly "onUpdate:placeholder"?: ((...args: unknown[]) => any) | undefined;
+        readonly "onUpdate:validModelValue"?: ((date: DateRange) => any) | undefined;
         readonly "onUpdate:startValue"?: ((date: DateValue | undefined) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue" | "onUpdate:placeholder" | "onUpdate:startValue"> & CalendarProps<R, M> & Partial<{}>> & import("vue").PublicProps;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue" | "onUpdate:placeholder" | "onUpdate:validModelValue" | "onUpdate:startValue"> & CalendarProps<R, M> & {}> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: CalendarSlots;
-    emit: ((evt: "update:modelValue", date: CalendarModelValue<R, M>) => void) & ((evt: "update:placeholder", ...args: [date: DateValue] & [date: DateValue]) => void) & ((evt: "update:startValue", date: DateValue | undefined) => void);
+    emit: ((evt: "update:modelValue", date: CalendarModelValue<R, M>) => void) & ((evt: "update:placeholder", ...args: [date: DateValue] & [date: DateValue]) => void) & ((evt: "update:validModelValue", date: DateRange) => void) & ((evt: "update:startValue", date: DateValue | undefined) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -20,7 +20,7 @@ export interface CardSlots {
     default(props?: {}): any;
     footer(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<CardProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CardProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, CardSlots>;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<CardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CardProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, CardSlots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {