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

package/dist/runtime/components/PageCard.vue

@@ -14,7 +14,7 @@ import UIcon from "./Icon.vue";
 defineOptions({ inheritAttrs: false });
 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 },
   orientation: { type: null, required: false, default: "vertical" },

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

@@ -1,6 +1,6 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-card';
-import type { LinkProps } from '../types';
+import type { IconProps, LinkProps } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type PageCard = ComponentConfig<typeof theme, AppConfig, 'pageCard'>;
 export interface PageCardProps {
@@ -13,7 +13,7 @@ export interface PageCardProps {
      * The icon displayed above the title.
      * @IconifyIcon
      */
-    icon?: string;
+    icon?: IconProps['name'];
     title?: string;
     description?: string;
     /**
@@ -61,7 +61,7 @@ export interface PageCardSlots {
     footer(props?: {}): any;
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PageCardProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PageCardProps> & Readonly<{}>, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PageCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PageCardProps> & Readonly<{}>, {
     orientation: PageCard["variants"]["orientation"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, PageCardSlots>;
 export default _default;

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

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

package/dist/runtime/components/PageFeature.vue

@@ -13,7 +13,7 @@ import UIcon from "./Icon.vue";
 defineOptions({ inheritAttrs: false });
 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 },
   orientation: { type: null, required: false, default: "horizontal" },

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

@@ -1,6 +1,6 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-feature';
-import type { LinkProps } from '../types';
+import type { IconProps, LinkProps } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type PageFeature = ComponentConfig<typeof theme, AppConfig, 'pageFeature'>;
 export interface PageFeatureProps {
@@ -13,7 +13,7 @@ export interface PageFeatureProps {
      * The icon displayed next to the title when `orientation` is `horizontal` and above the title when `orientation` is `vertical`.
      * @IconifyIcon
      */
-    icon?: string;
+    icon?: IconProps['name'];
     title?: string;
     description?: string;
     /**
@@ -33,7 +33,7 @@ export interface PageFeatureSlots {
     description(props?: {}): any;
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PageFeatureProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PageFeatureProps> & Readonly<{}>, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PageFeatureProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PageFeatureProps> & Readonly<{}>, {
     orientation: PageFeature["variants"]["orientation"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, PageFeatureSlots>;
 export default _default;

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-links';
-import type { LinkProps } from '../types';
+import type { IconProps, LinkProps } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type PageLinks = ComponentConfig<typeof theme, AppConfig, 'pageLinks'>;
 export interface PageLink extends Omit<LinkProps, 'custom'> {
@@ -8,7 +8,7 @@ export interface PageLink extends Omit<LinkProps, 'custom'> {
     /**
      * @IconifyIcon
      */
-    icon?: string;
+    icon?: IconProps['name'];
     class?: any;
     ui?: Pick<PageLinks['slots'], 'item' | 'link' | 'linkLabel' | 'linkLabelExternalIcon' | 'linkLeadingIcon'>;
 }
@@ -35,7 +35,7 @@ export interface PageLinksSlots<T extends PageLink = PageLink> {
     'link-trailing': SlotProps<T>;
 }
 declare const _default: <T extends PageLink>(__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> & PageLinksProps<T> & Partial<{}>> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & PageLinksProps<T> & {}> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: PageLinksSlots<T>;

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

@@ -10,7 +10,7 @@ export interface PageListProps {
 export interface PageListSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PageListProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PageListProps> & Readonly<{}>, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PageListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PageListProps> & Readonly<{}>, {
     divide: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, PageListSlots>;
 export default _default;

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

@@ -22,7 +22,7 @@ export interface PageLogosProps {
 export interface PageLogosSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PageLogosProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PageLogosProps> & Readonly<{}>, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PageLogosProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PageLogosProps> & Readonly<{}>, {
     marquee: boolean | MarqueeProps;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, PageLogosSlots>;
 export default _default;

package/dist/runtime/components/PageSection.vue

@@ -14,7 +14,7 @@ import UButton from "./Button.vue";
 const props = defineProps({
   as: { type: null, required: false, default: "section" },
   headline: { type: String, required: false },
-  icon: { type: String, required: false },
+  icon: { type: [String, Object], required: false },
   title: { type: String, required: false },
   description: { type: String, required: false },
   links: { type: Array, required: false },

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

@@ -1,6 +1,6 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/page-section';
-import type { ButtonProps, PageFeatureProps } from '../types';
+import type { ButtonProps, IconProps, PageFeatureProps } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type PageSection = ComponentConfig<typeof theme, AppConfig, 'pageSection'>;
 export interface PageSectionProps {
@@ -17,7 +17,7 @@ export interface PageSectionProps {
      * The icon displayed above the title.
      * @IconifyIcon
      */
-    icon?: string;
+    icon?: IconProps['name'];
     title?: string;
     description?: string;
     /**
@@ -56,7 +56,7 @@ export interface PageSectionSlots {
     default(props?: {}): any;
     bottom(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PageSectionProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PageSectionProps> & Readonly<{}>, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PageSectionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PageSectionProps> & Readonly<{}>, {
     as: any;
     orientation: PageSection["variants"]["orientation"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, PageSectionSlots>;

package/dist/runtime/components/Pagination.vue

@@ -12,11 +12,11 @@ import { tv } from "../utils/tv";
 import UButton from "./Button.vue";
 const props = defineProps({
   as: { type: null, required: false },
-  firstIcon: { type: String, required: false },
-  prevIcon: { type: String, required: false },
-  nextIcon: { type: String, required: false },
-  lastIcon: { type: String, required: false },
-  ellipsisIcon: { type: String, required: false },
+  firstIcon: { type: [String, Object], required: false },
+  prevIcon: { type: [String, Object], required: false },
+  nextIcon: { type: [String, Object], required: false },
+  lastIcon: { type: [String, Object], required: false },
+  ellipsisIcon: { type: [String, Object], required: false },
   color: { type: null, required: false, default: "neutral" },
   variant: { type: null, required: false, default: "outline" },
   activeColor: { type: null, required: false, default: "primary" },

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

@@ -1,7 +1,7 @@
 import type { PaginationRootProps, PaginationRootEmits } from 'reka-ui';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/pagination';
-import type { ButtonProps } from '../types';
+import type { ButtonProps, IconProps } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type Pagination = ComponentConfig<typeof theme, AppConfig, 'pagination'>;
 export interface PaginationProps extends Partial<Pick<PaginationRootProps, 'defaultPage' | 'disabled' | 'itemsPerPage' | 'page' | 'showEdges' | 'siblingCount' | 'total'>> {
@@ -15,31 +15,31 @@ export interface PaginationProps extends Partial<Pick<PaginationRootProps, 'defa
      * @defaultValue appConfig.ui.icons.chevronDoubleLeft
      * @IconifyIcon
      */
-    firstIcon?: string;
+    firstIcon?: IconProps['name'];
     /**
      * The icon to use for the previous page control.
      * @defaultValue appConfig.ui.icons.chevronLeft
      * @IconifyIcon
      */
-    prevIcon?: string;
+    prevIcon?: IconProps['name'];
     /**
      * The icon to use for the next page control.
      * @defaultValue appConfig.ui.icons.chevronRight
      * @IconifyIcon
      */
-    nextIcon?: string;
+    nextIcon?: IconProps['name'];
     /**
      * The icon to use for the last page control.
      * @defaultValue appConfig.ui.icons.chevronDoubleRight
      * @IconifyIcon
      */
-    lastIcon?: string;
+    lastIcon?: IconProps['name'];
     /**
      * The icon to use for the ellipsis control.
      * @defaultValue appConfig.ui.icons.ellipsis
      * @IconifyIcon
      */
-    ellipsisIcon?: string;
+    ellipsisIcon?: IconProps['name'];
     /**
      * The color of the pagination controls.
      * @defaultValue 'neutral'
@@ -95,7 +95,7 @@ export interface PaginationSlots {
         index: number;
     }): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PaginationProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PaginationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:page": (value: number) => any;
 }, string, import("vue").PublicProps, Readonly<PaginationProps> & Readonly<{
     "onUpdate:page"?: ((value: number) => any) | undefined;

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

@@ -35,22 +35,22 @@ export interface PinInputProps<T extends PinInputType = 'text'> extends Pick<Pin
     ui?: PinInput['slots'];
 }
 export type PinInputEmits<T extends PinInputType = 'text'> = PinInputRootEmits<T> & {
-    change: [payload: Event];
-    blur: [payload: Event];
+    change: [event: Event];
+    blur: [event: Event];
 };
 declare const _default: <T extends PinInputType>(__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 onBlur?: ((payload: Event) => any) | undefined;
-        readonly onChange?: ((payload: Event) => any) | undefined;
+        readonly onBlur?: ((event: Event) => any) | undefined;
+        readonly onChange?: ((event: Event) => any) | undefined;
         readonly "onUpdate:modelValue"?: ((value: [T] extends ["number"] ? number[] : string[]) => any) | undefined;
         readonly onComplete?: ((value: [T] extends ["number"] ? number[] : string[]) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onBlur" | "onChange" | "onUpdate:modelValue" | "onComplete"> & PinInputProps<T> & Partial<{}>> & import("vue").PublicProps;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onBlur" | "onChange" | "onUpdate:modelValue" | "onComplete"> & PinInputProps<T> & {}> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
         inputsRef: import("vue").Ref<ComponentPublicInstance[], ComponentPublicInstance[]>;
     }>): void;
     attrs: any;
     slots: {};
-    emit: ((evt: "blur", payload: Event) => void) & ((evt: "change", payload: Event) => void) & ((evt: "update:modelValue", value: [T] extends ["number"] ? number[] : string[]) => void) & ((evt: "complete", value: [T] extends ["number"] ? number[] : string[]) => void);
+    emit: ((evt: "blur", event: Event) => void) & ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: [T] extends ["number"] ? number[] : string[]) => void) & ((evt: "complete", value: [T] extends ["number"] ? number[] : string[]) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -50,7 +50,7 @@ export interface PopoverSlots {
     content(props?: {}): any;
     anchor(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PopoverProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PopoverProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
     "close:prevent": () => any;
 }, string, import("vue").PublicProps, Readonly<PopoverProps> & Readonly<{

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

@@ -1,6 +1,6 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/pricing-plan';
-import type { BadgeProps, ButtonProps } from '../types';
+import type { BadgeProps, ButtonProps, IconProps } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type PricingPlan = ComponentConfig<typeof theme, AppConfig, 'pricingPlan'>;
 type PricingPlanFeature = {
@@ -9,7 +9,7 @@ type PricingPlanFeature = {
      * @defaultValue appConfig.ui.icons.success
      * @IconifyIcon
      */
-    icon?: string;
+    icon?: IconProps['name'];
 };
 export interface PricingPlanProps {
     /**
@@ -101,7 +101,7 @@ export interface PricingPlanSlots {
     tagline(props?: {}): any;
     terms(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PricingPlanProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PricingPlanProps> & Readonly<{}>, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PricingPlanProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PricingPlanProps> & Readonly<{}>, {
     orientation: PricingPlan["variants"]["orientation"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, PricingPlanSlots>;
 export default _default;

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

@@ -31,7 +31,7 @@ export interface PricingPlansProps {
 export interface PricingPlansSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PricingPlansProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PricingPlansProps> & Readonly<{}>, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<PricingPlansProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PricingPlansProps> & Readonly<{}>, {
     orientation: PricingPlans["variants"]["orientation"];
     scale: boolean;
     compact: boolean;

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

@@ -91,7 +91,7 @@ export type PricingTableSlots<T extends PricingTableTier = PricingTableTier> = {
     }) => any;
 } & DynamicSlots<T, 'title' | 'description' | 'badge' | 'button' | 'billing' | 'discount' | 'price'> & FeatureDynamicSlots<PricingTableSectionFeature<T>, 'title' | 'value'> & SectionDynamicSlots<PricingTableSection<T>, 'title'>;
 declare const _default: <T extends PricingTableTier>(__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> & PricingTableProps<T> & Partial<{}>> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & PricingTableProps<T> & {}> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: PricingTableSlots<T>;

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

@@ -47,7 +47,7 @@ export type ProgressSlots = {
         step: number;
     }) => any;
 };
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProgressProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProgressProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string[] | undefined) => any;
     "update:max": (value: number) => any;
 }, string, import("vue").PublicProps, Readonly<ProgressProps> & Readonly<{

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

@@ -63,7 +63,7 @@ export interface RadioGroupProps<T extends RadioGroupItem = RadioGroupItem> exte
     ui?: RadioGroup['slots'];
 }
 export type RadioGroupEmits = RadioGroupRootEmits & {
-    change: [payload: Event];
+    change: [event: Event];
 };
 type NormalizeItem<T extends RadioGroupItem> = Exclude<T & {
     id: string;
@@ -79,13 +79,13 @@ export interface RadioGroupSlots<T extends RadioGroupItem = RadioGroupItem> {
 }
 declare const _default: <T extends RadioGroupItem>(__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 onChange?: ((payload: Event) => any) | undefined;
+        readonly onChange?: ((event: Event) => any) | undefined;
         readonly "onUpdate:modelValue"?: ((payload: string) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onChange" | "onUpdate:modelValue"> & RadioGroupProps<T> & Partial<{}>> & import("vue").PublicProps;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onChange" | "onUpdate:modelValue"> & RadioGroupProps<T> & {}> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: RadioGroupSlots<T>;
-    emit: ((evt: "change", payload: Event) => void) & ((evt: "update:modelValue", payload: string) => void);
+    emit: ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", payload: string) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/components/Select.vue

@@ -24,8 +24,8 @@ const props = defineProps({
   color: { type: null, required: false },
   variant: { type: null, required: false },
   size: { type: null, required: false },
-  trailingIcon: { type: String, required: false },
-  selectedIcon: { type: String, required: false },
+  trailingIcon: { type: [String, Object], required: false },
+  selectedIcon: { type: [String, Object], required: false },
   content: { type: Object, required: false },
   arrow: { type: [Boolean, Object], required: false },
   portal: { type: [Boolean, String], required: false, skipCheck: true, default: true },
@@ -46,13 +46,13 @@ const props = defineProps({
   disabled: { type: Boolean, required: false },
   name: { type: String, required: false },
   required: { type: Boolean, 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 },
   loading: { type: Boolean, required: false },
-  loadingIcon: { type: String, required: false }
+  loadingIcon: { type: [String, Object], required: false }
 });
 const emits = defineEmits(["update:open", "change", "blur", "focus", "update:modelValue"]);
 const slots = defineSlots();

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

@@ -2,7 +2,7 @@ import type { SelectRootProps, SelectRootEmits, SelectContentProps, SelectConten
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/select';
 import type { UseComponentIconsProps } from '../composables/useComponentIcons';
-import type { AvatarProps, ChipProps } from '../types';
+import type { AvatarProps, ChipProps, IconProps } from '../types';
 import type { AcceptableValue, ArrayOrNested, GetItemKeys, GetModelValue, GetModelValueEmits, NestedItem, EmitsToProps } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type Select = ComponentConfig<typeof theme, AppConfig, 'select'>;
@@ -11,7 +11,7 @@ interface SelectItemBase {
     /**
      * @IconifyIcon
      */
-    icon?: string;
+    icon?: IconProps['name'];
     avatar?: AvatarProps;
     chip?: ChipProps;
     /**
@@ -48,13 +48,13 @@ export interface SelectProps<T extends ArrayOrNested<SelectItem> = ArrayOrNested
      * @defaultValue appConfig.ui.icons.chevronDown
      * @IconifyIcon
      */
-    trailingIcon?: string;
+    trailingIcon?: IconProps['name'];
     /**
      * The icon displayed when an item is selected.
      * @defaultValue appConfig.ui.icons.check
      * @IconifyIcon
      */
-    selectedIcon?: string;
+    selectedIcon?: IconProps['name'];
     /**
      * The content of the menu.
      * @defaultValue { side: 'bottom', sideOffset: 8, collisionPadding: 8, position: 'popper' }
@@ -95,9 +95,9 @@ export interface SelectProps<T extends ArrayOrNested<SelectItem> = ArrayOrNested
     ui?: Select['slots'];
 }
 export type SelectEmits<A extends ArrayOrNested<SelectItem>, VK extends GetItemKeys<A> | undefined, M extends boolean> = Omit<SelectRootEmits, 'update:modelValue'> & {
-    change: [payload: Event];
-    blur: [payload: FocusEvent];
-    focus: [payload: FocusEvent];
+    change: [event: Event];
+    blur: [event: FocusEvent];
+    focus: [event: FocusEvent];
 } & GetModelValueEmits<A, VK, M>;
 type SlotProps<T extends SelectItem> = (props: {
     item: T;
@@ -131,12 +131,12 @@ export interface SelectSlots<A extends ArrayOrNested<SelectItem> = ArrayOrNested
 }
 declare const _default: <T extends ArrayOrNested<SelectItem>, VK extends GetItemKeys<T> = "value", M extends boolean = false>(__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 onBlur?: ((payload: FocusEvent) => any) | undefined;
-        readonly onChange?: ((payload: Event) => any) | undefined;
-        readonly onFocus?: ((payload: FocusEvent) => any) | undefined;
+        readonly onBlur?: ((event: FocusEvent) => any) | undefined;
+        readonly onChange?: ((event: Event) => any) | undefined;
+        readonly onFocus?: ((event: FocusEvent) => any) | undefined;
         readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
-        readonly "onUpdate:modelValue"?: ((payload: GetModelValue<T, VK, M>) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onUpdate:open" | "onUpdate:modelValue"> & SelectProps<T, VK, M> & Partial<{}>> & import("vue").PublicProps;
+        readonly "onUpdate:modelValue"?: ((value: GetModelValue<T, VK, M>) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onUpdate:open" | "onUpdate:modelValue"> & SelectProps<T, VK, M> & {}> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
         triggerRef: import("vue").Ref<({
             $: import("vue").ComponentInternalInstance;
@@ -244,7 +244,7 @@ declare const _default: <T extends ArrayOrNested<SelectItem>, VK extends GetItem
     }>): void;
     attrs: any;
     slots: SelectSlots<T, VK, M, NestedItem<T>>;
-    emit: ((evt: "blur", payload: FocusEvent) => void) & ((evt: "change", payload: Event) => void) & ((evt: "focus", payload: FocusEvent) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", payload: GetModelValue<T, VK, M>) => void);
+    emit: ((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "focus", event: FocusEvent) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: GetModelValue<T, VK, M>) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/components/SelectMenu.vue

@@ -28,8 +28,8 @@ const props = defineProps({
   variant: { type: null, required: false },
   size: { type: null, required: false },
   required: { type: Boolean, required: false },
-  trailingIcon: { type: String, required: false },
-  selectedIcon: { type: String, required: false },
+  trailingIcon: { type: [String, Object], required: false },
+  selectedIcon: { type: [String, Object], required: false },
   content: { type: Object, required: false },
   arrow: { type: [Boolean, Object], required: false },
   portal: { type: [Boolean, String], required: false, skipCheck: true, default: true },
@@ -54,13 +54,13 @@ const props = defineProps({
   resetSearchTermOnBlur: { type: Boolean, required: false, default: true },
   resetSearchTermOnSelect: { type: Boolean, required: false, default: true },
   highlightOnHover: { type: Boolean, 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 },
   loading: { type: Boolean, required: false },
-  loadingIcon: { type: String, required: false }
+  loadingIcon: { type: [String, Object], required: false }
 });
 const emits = defineEmits(["update:open", "change", "blur", "focus", "create", "highlight", "update:modelValue"]);
 const slots = defineSlots();

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

@@ -2,7 +2,7 @@ import type { ComboboxRootProps, ComboboxRootEmits, ComboboxContentProps, Combob
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/select-menu';
 import type { UseComponentIconsProps } from '../composables/useComponentIcons';
-import type { AvatarProps, ChipProps, InputProps } from '../types';
+import type { AvatarProps, ChipProps, IconProps, InputProps } from '../types';
 import type { AcceptableValue, ArrayOrNested, GetItemKeys, GetModelValue, GetModelValueEmits, NestedItem, EmitsToProps } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type SelectMenu = ComponentConfig<typeof theme, AppConfig, 'selectMenu'>;
@@ -11,7 +11,7 @@ interface _SelectMenuItem {
     /**
      * @IconifyIcon
      */
-    icon?: string;
+    icon?: IconProps['name'];
     avatar?: AvatarProps;
     chip?: ChipProps;
     /**
@@ -55,13 +55,13 @@ export interface SelectMenuProps<T extends ArrayOrNested<SelectMenuItem> = Array
      * @defaultValue appConfig.ui.icons.chevronDown
      * @IconifyIcon
      */
-    trailingIcon?: string;
+    trailingIcon?: IconProps['name'];
     /**
      * The icon displayed when an item is selected.
      * @defaultValue appConfig.ui.icons.check
      * @IconifyIcon
      */
-    selectedIcon?: string;
+    selectedIcon?: IconProps['name'];
     /**
      * The content of the menu.
      * @defaultValue { side: 'bottom', sideOffset: 8, collisionPadding: 8, position: 'popper' }
@@ -121,9 +121,9 @@ export interface SelectMenuProps<T extends ArrayOrNested<SelectMenuItem> = Array
     ui?: SelectMenu['slots'];
 }
 export type SelectMenuEmits<A extends ArrayOrNested<SelectMenuItem>, VK extends GetItemKeys<A> | undefined, M extends boolean> = Pick<ComboboxRootEmits, 'update:open'> & {
-    change: [payload: Event];
-    blur: [payload: FocusEvent];
-    focus: [payload: FocusEvent];
+    change: [event: Event];
+    blur: [event: FocusEvent];
+    focus: [event: FocusEvent];
     create: [item: string];
     /** Event handler when highlighted element changes. */
     highlight: [
@@ -171,12 +171,12 @@ export interface SelectMenuSlots<A extends ArrayOrNested<SelectMenuItem> = Array
 }
 declare const _default: <T extends ArrayOrNested<SelectMenuItem>, VK extends GetItemKeys<T> | undefined = undefined, M extends boolean = false>(__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 onBlur?: ((payload: FocusEvent) => any) | undefined;
-        readonly onChange?: ((payload: Event) => any) | undefined;
-        readonly onFocus?: ((payload: FocusEvent) => any) | undefined;
+        readonly onBlur?: ((event: FocusEvent) => any) | undefined;
+        readonly onChange?: ((event: Event) => any) | undefined;
+        readonly onFocus?: ((event: FocusEvent) => any) | undefined;
         readonly onCreate?: ((item: string) => any) | undefined;
         readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
-        readonly "onUpdate:modelValue"?: ((payload: GetModelValue<T, VK, M>) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((value: GetModelValue<T, VK, M>) => any) | undefined;
         readonly onHighlight?: ((payload: {
             ref: HTMLElement;
             value: GetModelValue<T, VK, M>;
@@ -184,7 +184,7 @@ declare const _default: <T extends ArrayOrNested<SelectMenuItem>, VK extends Get
         readonly "onUpdate:searchTerm"?: ((value: string) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onUpdate:open" | "onUpdate:modelValue" | "onCreate" | "onHighlight" | "onUpdate:searchTerm"> & (SelectMenuProps<T, VK, M> & {
         searchTerm?: string;
-    }) & Partial<{}>> & import("vue").PublicProps;
+    }) & {}> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
         triggerRef: import("vue").Ref<({
             $: import("vue").ComponentInternalInstance;
@@ -290,7 +290,7 @@ declare const _default: <T extends ArrayOrNested<SelectMenuItem>, VK extends Get
     }>): void;
     attrs: any;
     slots: SelectMenuSlots<T, VK, M, NestedItem<T>>;
-    emit: (((evt: "blur", payload: FocusEvent) => void) & ((evt: "change", payload: Event) => void) & ((evt: "focus", payload: FocusEvent) => void) & ((evt: "create", item: string) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", payload: GetModelValue<T, VK, M>) => void) & ((evt: "highlight", payload: {
+    emit: (((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "focus", event: FocusEvent) => void) & ((evt: "create", item: string) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: GetModelValue<T, VK, M>) => void) & ((evt: "highlight", payload: {
         ref: HTMLElement;
         value: GetModelValue<T, VK, M>;
     } | undefined) => void)) & ((evt: "update:searchTerm", value: string) => void);