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

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

@@ -10,7 +10,7 @@ export interface DashboardGroupProps extends Pick<UseResizableProps, 'storage' |
 export interface DashboardGroupSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DashboardGroupProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DashboardGroupProps> & Readonly<{}>, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DashboardGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DashboardGroupProps> & Readonly<{}>, {
     storage: "cookie" | "local";
     unit: "%" | "rem" | "px";
     storageKey: string;

package/dist/runtime/components/DashboardNavbar.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 },
   toggle: { type: [Boolean, Object], required: false, default: true },
   toggleSide: { type: String, required: false, default: "left" },

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

@@ -1,7 +1,7 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/dashboard-navbar';
 import type { DashboardContext } from '../utils/dashboard';
-import type { ButtonProps } from '../types';
+import type { ButtonProps, IconProps } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type DashboardNavbar = ComponentConfig<typeof theme, AppConfig, 'dashboardNavbar'>;
 export interface DashboardNavbarProps {
@@ -14,7 +14,7 @@ export interface DashboardNavbarProps {
      * The icon displayed next to the title.
      * @IconifyIcon
      */
-    icon?: string;
+    icon?: IconProps['name'];
     title?: string;
     /**
      * Customize the toggle button to open the sidebar.
@@ -40,7 +40,7 @@ export interface DashboardNavbarSlots {
     right(props: DashboardNavbarSlotsProps): any;
     toggle(props: DashboardNavbarSlotsProps): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DashboardNavbarProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DashboardNavbarProps> & Readonly<{}>, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DashboardNavbarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DashboardNavbarProps> & Readonly<{}>, {
     toggle: boolean | Partial<ButtonProps>;
     toggleSide: "left" | "right";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, DashboardNavbarSlots>;

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

@@ -18,7 +18,7 @@ export interface DashboardPanelSlots {
         onDoubleClick: (e: MouseEvent) => void;
     }): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DashboardPanelProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DashboardPanelProps> & Readonly<{}>, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DashboardPanelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DashboardPanelProps> & Readonly<{}>, {
     minSize: number;
     resizable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, DashboardPanelSlots>;

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

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

package/dist/runtime/components/DashboardSearch.vue

@@ -14,13 +14,13 @@ import { tv } from "../utils/tv";
 import UCommandPalette from "./CommandPalette.vue";
 import UModal from "./Modal.vue";
 const props = defineProps({
-  icon: { type: String, required: false },
+  icon: { type: [String, Object], required: false },
   placeholder: { type: String, required: false },
   autofocus: { type: Boolean, required: false },
   loading: { type: Boolean, required: false },
-  loadingIcon: { type: String, required: false },
+  loadingIcon: { type: [String, Object], required: false },
   close: { type: [Boolean, Object], required: false, default: true },
-  closeIcon: { type: String, required: false },
+  closeIcon: { type: [String, Object], required: false },
   shortcut: { type: String, required: false, default: "meta_k" },
   groups: { type: Array, required: false },
   fuse: { type: Object, required: false },

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

@@ -1,7 +1,7 @@
 import type { AppConfig } from '@nuxt/schema';
 import type { UseFuseOptions } from '@vueuse/integrations/useFuse';
 import theme from '#build/ui/dashboard-search';
-import type { ButtonProps, InputProps, ModalProps, CommandPaletteProps, CommandPaletteSlots, CommandPaletteGroup, CommandPaletteItem } from '../types';
+import type { ButtonProps, InputProps, ModalProps, CommandPaletteProps, CommandPaletteSlots, CommandPaletteGroup, CommandPaletteItem, IconProps } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type DashboardSearch = ComponentConfig<typeof theme, AppConfig, 'dashboardSearch'>;
 export interface DashboardSearchProps<T extends CommandPaletteItem = CommandPaletteItem> extends /* @vue-ignore */ Pick<ModalProps, 'title' | 'description' | 'overlay' | 'transition' | 'content' | 'dismissible' | 'fullscreen' | 'modal' | 'portal'> {
@@ -10,7 +10,7 @@ export interface DashboardSearchProps<T extends CommandPaletteItem = CommandPale
      * @defaultValue appConfig.ui.icons.search
      * @IconifyIcon
      */
-    icon?: string;
+    icon?: IconProps['name'];
     /**
      * The placeholder text for the input.
      * @defaultValue t('commandPalette.placeholder')
@@ -28,7 +28,7 @@ export interface DashboardSearchProps<T extends CommandPaletteItem = CommandPale
      * @defaultValue appConfig.ui.icons.loading
      * @IconifyIcon
      */
-    loadingIcon?: string;
+    loadingIcon?: IconProps['name'];
     /**
      * Display a close button in the input (useful when inside a Modal for example).
      * `{ size: 'md', color: 'neutral', variant: 'ghost' }`{lang="ts-type"}
@@ -41,7 +41,7 @@ export interface DashboardSearchProps<T extends CommandPaletteItem = CommandPale
      * @defaultValue appConfig.ui.icons.close
      * @IconifyIcon
      */
-    closeIcon?: string;
+    closeIcon?: IconProps['name'];
     /**
      * Keyboard shortcut to open the search (used by [`defineShortcuts`](https://ui.nuxt.com/docs/composables/define-shortcuts))
      * @defaultValue 'meta_k'

package/dist/runtime/components/DashboardSearchButton.vue

@@ -17,7 +17,7 @@ import UKbd from "./Kbd.vue";
 import UTooltip from "./Tooltip.vue";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
-  icon: { type: String, required: false },
+  icon: { type: [String, Object], required: false },
   label: { type: String, required: false },
   color: { type: null, required: false, default: "neutral" },
   variant: { type: null, required: false },

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

@@ -1,6 +1,6 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/dashboard-search-button';
-import type { ButtonProps, ButtonSlots, KbdProps, TooltipProps } from '../types';
+import type { ButtonProps, ButtonSlots, IconProps, KbdProps, TooltipProps } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type DashboardSearchButton = ComponentConfig<typeof theme, AppConfig, 'dashboardSearchButton'>;
 export interface DashboardSearchButtonProps {
@@ -9,7 +9,7 @@ export interface DashboardSearchButtonProps {
      * @defaultValue appConfig.ui.icons.search
      * @IconifyIcon
      */
-    icon?: string;
+    icon?: IconProps['name'];
     /**
      * The label displayed in the button.
      * @defaultValue t('dashboardSearchButton.label')
@@ -45,7 +45,7 @@ export interface DashboardSearchButtonProps {
     ui?: DashboardSearchButton['slots'] & ButtonProps['ui'];
     class?: any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DashboardSearchButtonProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DashboardSearchButtonProps> & Readonly<{}>, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DashboardSearchButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DashboardSearchButtonProps> & Readonly<{}>, {
     color: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
     tooltip: boolean | TooltipProps;
     kbds: KbdProps["value"][] | KbdProps[];

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

@@ -61,7 +61,7 @@ declare const _default: <T extends DashboardSidebarMode>(__VLS_props: NonNullabl
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:open" | "onUpdate:collapsed"> & (DashboardSidebarProps<T> & {
         open?: boolean;
         collapsed?: boolean;
-    }) & Partial<{}>> & import("vue").PublicProps;
+    }) & {}> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: DashboardSidebarSlots;

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

@@ -11,7 +11,7 @@ export interface DashboardSidebarCollapseProps extends /** @vue-ignore */ Pick<B
     variant?: ButtonProps['variant'];
     class?: any;
 }
-declare const _default: import("vue").DefineComponent<DashboardSidebarCollapseProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DashboardSidebarCollapseProps> & Readonly<{}>, {
+declare const _default: import("vue").DefineComponent<DashboardSidebarCollapseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DashboardSidebarCollapseProps> & Readonly<{}>, {
     color: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
     variant: "link" | "solid" | "outline" | "soft" | "subtle" | "ghost";
     side: "left" | "right";

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

@@ -11,7 +11,7 @@ export interface DashboardSidebarToggleProps extends /** @vue-ignore */ Pick<But
     variant?: ButtonProps['variant'];
     class?: any;
 }
-declare const _default: import("vue").DefineComponent<DashboardSidebarToggleProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DashboardSidebarToggleProps> & Readonly<{}>, {
+declare const _default: import("vue").DefineComponent<DashboardSidebarToggleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DashboardSidebarToggleProps> & Readonly<{}>, {
     color: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
     variant: "link" | "solid" | "outline" | "soft" | "subtle" | "ghost";
     side: "left" | "right";

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

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

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

@@ -54,7 +54,7 @@ export interface DrawerSlots {
     body(props?: {}): any;
     footer(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DrawerProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DrawerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     close: () => any;
     drag: (percentageDragged: number) => any;
     "update:open": (open: boolean) => any;

package/dist/runtime/components/DropdownMenu.vue

@@ -14,9 +14,9 @@ import UDropdownMenuContent from "./DropdownMenuContent.vue";
 const props = defineProps({
   size: { type: null, required: false },
   items: { type: null, required: false },
-  checkedIcon: { type: String, required: false },
-  loadingIcon: { type: String, required: false },
-  externalIcon: { type: [Boolean, String], required: false, default: true },
+  checkedIcon: { type: [String, Object], required: false },
+  loadingIcon: { type: [String, Object], required: false },
+  externalIcon: { type: [Boolean, String, Object], required: false, default: true },
   content: { type: Object, required: false },
   arrow: { type: [Boolean, Object], required: false },
   portal: { type: [Boolean, String], required: false, skipCheck: true, default: true },

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

@@ -1,7 +1,7 @@
 import type { DropdownMenuRootProps, DropdownMenuRootEmits, DropdownMenuContentProps, DropdownMenuContentEmits, DropdownMenuArrowProps } from 'reka-ui';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/dropdown-menu';
-import type { AvatarProps, KbdProps, LinkProps } from '../types';
+import type { AvatarProps, IconProps, KbdProps, LinkProps } from '../types';
 import type { ArrayOrNested, DynamicSlots, MergeTypes, NestedItem, EmitsToProps } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type DropdownMenu = ComponentConfig<typeof theme, AppConfig, 'dropdownMenu'>;
@@ -10,7 +10,7 @@ export interface DropdownMenuItem extends Omit<LinkProps, 'type' | 'raw' | 'cust
     /**
      * @IconifyIcon
      */
-    icon?: string;
+    icon?: IconProps['name'];
     color?: DropdownMenu['variants']['color'];
     avatar?: AvatarProps;
     content?: Omit<DropdownMenuContentProps, 'as' | 'asChild' | 'forceMount'> & Partial<EmitsToProps<DropdownMenuContentEmits>>;
@@ -44,20 +44,20 @@ export interface DropdownMenuProps<T extends ArrayOrNested<DropdownMenuItem> = A
      * @defaultValue appConfig.ui.icons.check
      * @IconifyIcon
      */
-    checkedIcon?: string;
+    checkedIcon?: IconProps['name'];
     /**
      * The icon displayed when an item is loading.
      * @defaultValue appConfig.ui.icons.loading
      * @IconifyIcon
      */
-    loadingIcon?: string;
+    loadingIcon?: IconProps['name'];
     /**
      * The icon displayed when the item is an external link.
      * Set to `false` to hide the external icon.
      * @defaultValue appConfig.ui.icons.external
      * @IconifyIcon
      */
-    externalIcon?: boolean | string;
+    externalIcon?: boolean | IconProps['name'];
     /**
      * The content of the menu.
      * @defaultValue { side: 'bottom', sideOffset: 8, collisionPadding: 8 }
@@ -106,7 +106,7 @@ export type DropdownMenuSlots<A extends ArrayOrNested<DropdownMenuItem> = ArrayO
 declare const _default: <T extends ArrayOrNested<DropdownMenuItem>>(__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:open"?: ((payload: boolean) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:open"> & DropdownMenuProps<T> & Partial<{}>> & import("vue").PublicProps;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:open"> & DropdownMenuProps<T> & {}> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: DropdownMenuSlots<T, NestedItem<T>>;

package/dist/runtime/components/DropdownMenuContent.vue

@@ -23,9 +23,9 @@ const props = defineProps({
   portal: { type: [Boolean, String], required: false, skipCheck: true },
   sub: { type: Boolean, required: false },
   labelKey: { type: null, required: true },
-  checkedIcon: { type: String, required: false },
-  loadingIcon: { type: String, required: false },
-  externalIcon: { type: [Boolean, String], required: false },
+  checkedIcon: { type: [String, Object], required: false },
+  loadingIcon: { type: [String, Object], required: false },
+  externalIcon: { type: [Boolean, String, Object], required: false },
   class: { type: null, required: false },
   ui: { type: null, required: true },
   uiOverride: { type: null, required: false },

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

@@ -2,7 +2,7 @@ import { DropdownMenu } from 'reka-ui/namespaced';
 import type { DropdownMenuContentProps as RekaDropdownMenuContentProps } from 'reka-ui';
 import type { AppConfig } from '@nuxt/schema';
 import type theme from '#build/ui/dropdown-menu';
-import type { DropdownMenuItem, DropdownMenuSlots } from '../types';
+import type { DropdownMenuItem, DropdownMenuSlots, IconProps } from '../types';
 import type { ArrayOrNested, NestedItem, DynamicSlots, MergeTypes } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type DropdownMenu = ComponentConfig<typeof theme, AppConfig, 'dropdownMenu'>;
@@ -14,15 +14,15 @@ interface DropdownMenuContentProps<T extends ArrayOrNested<DropdownMenuItem>> ex
     /**
      * @IconifyIcon
      */
-    checkedIcon?: string;
+    checkedIcon?: IconProps['name'];
     /**
      * @IconifyIcon
      */
-    loadingIcon?: string;
+    loadingIcon?: IconProps['name'];
     /**
      * @IconifyIcon
      */
-    externalIcon?: boolean | string;
+    externalIcon?: boolean | IconProps['name'];
     class?: any;
     ui: {
         [K in keyof Required<DropdownMenu['slots']>]: (props?: Record<string, any>) => string;
@@ -42,7 +42,7 @@ declare const _default: <T extends ArrayOrNested<DropdownMenuItem>>(__VLS_props:
         readonly onFocusOutside?: ((event: import("reka-ui").FocusOutsideEvent) => any) | undefined;
         readonly onInteractOutside?: ((event: import("reka-ui").PointerDownOutsideEvent | import("reka-ui").FocusOutsideEvent) => any) | undefined;
         readonly onCloseAutoFocus?: ((event: Event) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onEscapeKeyDown" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "onCloseAutoFocus"> & DropdownMenuContentProps<T> & Partial<{}>> & import("vue").PublicProps;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onEscapeKeyDown" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "onCloseAutoFocus"> & DropdownMenuContentProps<T> & {}> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: DropdownMenuContentSlots<T, NestedItem<T>>;

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

@@ -34,7 +34,7 @@ export interface ErrorSlots {
     message(props?: {}): any;
     links(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ErrorProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ErrorProps> & Readonly<{}>, {
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ErrorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ErrorProps> & Readonly<{}>, {
     clear: boolean | Partial<ButtonProps>;
     as: any;
     redirect: string;

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

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

package/dist/runtime/components/FileUpload.vue

@@ -18,7 +18,7 @@ const props = defineProps({
   as: { type: null, required: false },
   id: { type: String, required: false },
   name: { type: String, required: false },
-  icon: { type: String, required: false },
+  icon: { type: [String, Object], required: false },
   label: { type: String, required: false },
   description: { type: String, required: false },
   color: { type: null, required: false },
@@ -34,13 +34,13 @@ const props = defineProps({
   interactive: { type: Boolean, required: false, default: true },
   required: { type: Boolean, required: false },
   disabled: { type: Boolean, required: false },
-  fileIcon: { type: String, required: false },
+  fileIcon: { type: [String, Object], required: false },
   fileDelete: { type: [Boolean, Object], required: false },
-  fileDeleteIcon: { type: String, required: false },
+  fileDeleteIcon: { type: [String, Object], required: false },
   class: { type: null, required: false },
   ui: { type: null, required: false }
 });
-const emits = defineEmits(["update:modelValue", "change"]);
+const emits = defineEmits(["change"]);
 const slots = defineSlots();
 const modelValue = defineModel({ type: null });
 const appConfig = useAppConfig();

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

@@ -1,7 +1,7 @@
 import type { AppConfig } from '@nuxt/schema';
 import type { UseFileDialogReturn } from '@vueuse/core';
 import theme from '#build/ui/file-upload';
-import type { ButtonProps } from '../types';
+import type { ButtonProps, IconProps } from '../types';
 import type { ComponentConfig } from '../types/tv';
 type FileUpload = ComponentConfig<typeof theme, AppConfig, 'fileUpload'>;
 export interface FileUploadProps<M extends boolean = false> {
@@ -17,7 +17,7 @@ export interface FileUploadProps<M extends boolean = false> {
      * @defaultValue appConfig.ui.icons.upload
      * @IconifyIcon
      */
-    icon?: string;
+    icon?: IconProps['name'];
     label?: string;
     description?: string;
     /**
@@ -76,7 +76,7 @@ export interface FileUploadProps<M extends boolean = false> {
      * @defaultValue appConfig.ui.icons.file
      * @IconifyIcon
      */
-    fileIcon?: string;
+    fileIcon?: IconProps['name'];
     /**
      * Configure the delete button for the file.
      * When `layout` is `grid`, the default is `{ color: 'neutral', variant: 'solid', size: 'xs' }`{lang="ts-type"}
@@ -88,13 +88,12 @@ export interface FileUploadProps<M extends boolean = false> {
      * @defaultValue appConfig.ui.icons.close
      * @IconifyIcon
      */
-    fileDeleteIcon?: string;
+    fileDeleteIcon?: IconProps['name'];
     class?: any;
     ui?: FileUpload['slots'];
 }
-export interface FileUploadEmits<M extends boolean = false> {
-    'update:modelValue': [payload: M extends true ? File[] : File | null];
-    'change': [event: Event];
+export interface FileUploadEmits {
+    change: [event: Event];
 }
 type FileUploadFiles<M> = (M extends true ? File[] : File) | null;
 export interface FileUploadSlots<M extends boolean = false> {
@@ -147,17 +146,17 @@ export interface FileUploadSlots<M extends boolean = false> {
 declare const _default: <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 onChange?: ((event: Event) => any) | undefined;
-        readonly "onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((value: (M extends true ? File[] : File) | null | undefined) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onChange" | "onUpdate:modelValue"> & (FileUploadProps<M> & {
         modelValue?: (M extends true ? File[] : File) | null;
-    }) & Partial<{}>> & import("vue").PublicProps;
+    }) & {}> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
         inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
         dropzoneRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
     }>): void;
     attrs: any;
     slots: FileUploadSlots<M>;
-    emit: (((evt: "change", event: Event) => void) & ((evt: "update:modelValue", payload: M extends true ? File[] : File | null) => void)) & ((evt: "update:modelValue", value: (M extends true ? File[] : File) | null | undefined) => void);
+    emit: ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: (M extends true ? File[] : File) | null | undefined) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

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

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

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

package/dist/runtime/components/Form.vue

@@ -6,7 +6,7 @@ import theme from "#build/ui/form";
 import { provide, inject, nextTick, ref, onUnmounted, onMounted, computed, useId, readonly, reactive } from "vue";
 import { useEventBus } from "@vueuse/core";
 import { useAppConfig } from "#imports";
-import { formOptionsInjectionKey, formInputsInjectionKey, formBusInjectionKey, formLoadingInjectionKey } from "../composables/useFormField";
+import { formOptionsInjectionKey, formInputsInjectionKey, formBusInjectionKey, formLoadingInjectionKey, formErrorsInjectionKey } from "../composables/useFormField";
 import { tv } from "../utils/tv";
 import { validateSchema } from "../utils/form";
 import { FormValidationException } from "../types/form";
@@ -77,7 +77,7 @@ onUnmounted(() => {
   }
 });
 const errors = ref([]);
-provide("form-errors", errors);
+provide(formErrorsInjectionKey, errors);
 const inputs = ref({});
 provide(formInputsInjectionKey, inputs);
 const dirtyFields = reactive(/* @__PURE__ */ new Set());

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

@@ -44,24 +44,24 @@ export interface FormProps<S extends FormSchema, T extends boolean = true> {
     onSubmit?: ((event: FormSubmitEvent<FormData<S, T>>) => void | Promise<void>) | (() => void | Promise<void>);
 }
 export interface FormEmits<S extends FormSchema, T extends boolean = true> {
-    submit: [payload: FormSubmitEvent<FormData<S, T>>];
-    error: [payload: FormErrorEvent];
+    submit: [event: FormSubmitEvent<FormData<S, T>>];
+    error: [event: FormErrorEvent];
 }
 export interface FormSlots {
-    default(props?: {
+    default(props: {
         errors: FormError[];
         loading: boolean;
     }): any;
 }
 declare const _default: <S extends FormSchema, T extends boolean = true>(__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 onError?: ((payload: FormErrorEvent) => any) | undefined;
-        readonly onSubmit?: ((payload: FormSubmitEvent<FormData<S, T>>) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onSubmit" | "onError"> & FormProps<S, T> & Partial<{}>> & import("vue").PublicProps;
+        readonly onError?: ((event: FormErrorEvent) => any) | undefined;
+        readonly onSubmit?: ((event: FormSubmitEvent<FormData<S, T>>) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onSubmit" | "onError"> & FormProps<S, T> & {}> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<Form<S>>): void;
     attrs: any;
     slots: FormSlots;
-    emit: ((evt: "error", payload: FormErrorEvent) => void) & ((evt: "submit", payload: FormSubmitEvent<FormData<S, T>>) => void);
+    emit: ((evt: "error", event: FormErrorEvent) => void) & ((evt: "submit", event: FormSubmitEvent<FormData<S, T>>) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/components/FormField.vue

@@ -6,7 +6,7 @@ import theme from "#build/ui/form-field";
 import { computed, ref, inject, provide, useId } from "vue";
 import { Primitive, Label } from "reka-ui";
 import { useAppConfig } from "#imports";
-import { formFieldInjectionKey, inputIdInjectionKey } from "../composables/useFormField";
+import { formFieldInjectionKey, inputIdInjectionKey, formErrorsInjectionKey } from "../composables/useFormField";
 import { tv } from "../utils/tv";
 const props = defineProps({
   as: { type: null, required: false },
@@ -30,7 +30,7 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.formField ||
   size: props.size,
   required: props.required
 }));
-const formErrors = inject("form-errors", null);
+const formErrors = inject(formErrorsInjectionKey, null);
 const error = computed(() => props.error || formErrors?.value?.find((error2) => error2.name && (error2.name === props.name || props.errorPattern && error2.name.match(props.errorPattern)))?.message);
 const id = ref(useId());
 const ariaId = id.value;

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

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

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

@@ -54,7 +54,7 @@ declare const _default: <T extends HeaderMode>(__VLS_props: NonNullable<Awaited<
         readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:open"> & (HeaderProps<T> & {
         open?: boolean;
-    }) & Partial<{}>> & import("vue").PublicProps;
+    }) & {}> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: HeaderSlots;

package/dist/runtime/components/Icon.vue

@@ -6,7 +6,7 @@
 import { useForwardProps } from "reka-ui";
 import { reactivePick } from "@vueuse/core";
 const props = defineProps({
-  name: { type: String, required: true },
+  name: { type: [String, Object], required: true },
   mode: { type: String, required: false },
   size: { type: [String, Number], required: false },
   customize: { type: Function, required: false }
@@ -15,5 +15,6 @@ const iconProps = useForwardProps(reactivePick(props, "name", "mode", "size", "c
 </script>
 
 <template>
-  <Icon v-bind="iconProps" />
+  <Icon v-if="typeof name === 'string'" v-bind="iconProps" />
+  <component :is="name" v-else />
 </template>

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

@@ -1,8 +1,8 @@
 export interface IconProps {
-    name: string;
+    name: string | object;
     mode?: 'svg' | 'css';
     size?: string | number;
     customize?: (content: string, name?: string, prefix?: string, provider?: string) => string;
 }
-declare const _default: import("vue").DefineComponent<IconProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: import("vue").DefineComponent<IconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;