@nuxt/ui 4.2.0 → 4.2.1

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, Object], required: false },
-  loadingIcon: { type: [String, Object], required: false },
-  externalIcon: { type: [Boolean, String, Object], required: false, default: true },
+  checkedIcon: { type: null, required: false },
+  loadingIcon: { type: null, required: false },
+  externalIcon: { type: [Boolean, String], required: false, skipCheck: true, 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/DropdownMenuContent.vue

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

package/dist/runtime/components/Empty.vue

@@ -11,7 +11,7 @@ import UAvatar from "./Avatar.vue";
 import UButton from "./Button.vue";
 const props = defineProps({
   as: { type: null, required: false },
-  icon: { type: [String, Object], required: false },
+  icon: { type: null, required: false },
   avatar: { type: Object, required: false },
   title: { type: String, required: false },
   description: { type: String, required: false },

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, Object], required: false },
+  icon: { type: null, required: false },
   label: { type: String, required: false },
   description: { type: String, required: false },
   color: { type: null, required: false },
@@ -34,9 +34,9 @@ const props = defineProps({
   interactive: { type: Boolean, required: false, default: true },
   required: { type: Boolean, required: false },
   disabled: { type: Boolean, required: false },
-  fileIcon: { type: [String, Object], required: false },
+  fileIcon: { type: null, required: false },
   fileDelete: { type: [Boolean, Object], required: false, default: true },
-  fileDeleteIcon: { type: [String, Object], required: false },
+  fileDeleteIcon: { type: null, required: false },
   preview: { type: Boolean, required: false, default: true },
   class: { type: null, required: false },
   ui: { type: null, required: false }

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

@@ -1,5 +1,5 @@
 export interface IconProps {
-    name: string | object;
+    name: string | any;
     mode?: 'svg' | 'css';
     size?: string | number;
     customize?: (content: string, name?: string, prefix?: string, provider?: string) => string;

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, Object], required: true },
+  name: { type: null, required: true },
   mode: { type: String, required: false },
   size: { type: [String, Number], required: false },
   customize: { type: Function, required: false }

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

@@ -1,5 +1,5 @@
 export interface IconProps {
-    name: string | object;
+    name: string | any;
     mode?: 'svg' | 'css';
     size?: string | number;
     customize?: (content: string, name?: string, prefix?: string, provider?: string) => string;

package/dist/runtime/components/Input.vue

@@ -35,14 +35,14 @@ const props = defineProps({
   modelModifiers: { type: Object, required: false },
   class: { type: null, required: false },
   ui: { type: null, required: false },
-  icon: { type: [String, Object], required: false },
+  icon: { type: null, required: false },
   avatar: { type: Object, required: false },
   leading: { type: Boolean, required: false },
-  leadingIcon: { type: [String, Object], required: false },
+  leadingIcon: { type: null, required: false },
   trailing: { type: Boolean, required: false },
-  trailingIcon: { type: [String, Object], required: false },
+  trailingIcon: { type: null, required: false },
   loading: { type: Boolean, required: false },
-  loadingIcon: { type: [String, Object], required: false }
+  loadingIcon: { type: null, required: false }
 });
 const emits = defineEmits(["update:modelValue", "blur", "change"]);
 const slots = defineSlots();

package/dist/runtime/components/InputDate.vue

@@ -23,20 +23,20 @@ const props = defineProps({
   highlight: { type: Boolean, required: false },
   autofocus: { type: Boolean, required: false },
   autofocusDelay: { type: Number, required: false, default: 0 },
-  separatorIcon: { type: [String, Object], required: false },
+  separatorIcon: { type: null, required: false },
   range: { type: Boolean, required: false },
   defaultValue: { type: null, required: false },
   modelValue: { type: null, required: false },
   class: { type: null, required: false },
   ui: { type: null, required: false },
-  icon: { type: [String, Object], required: false },
+  icon: { type: null, required: false },
   avatar: { type: Object, required: false },
   leading: { type: Boolean, required: false },
-  leadingIcon: { type: [String, Object], required: false },
+  leadingIcon: { type: null, required: false },
   trailing: { type: Boolean, required: false },
-  trailingIcon: { type: [String, Object], required: false },
+  trailingIcon: { type: null, required: false },
   loading: { type: Boolean, required: false },
-  loadingIcon: { type: [String, Object], required: false },
+  loadingIcon: { type: null, required: false },
   defaultPlaceholder: { type: null, required: false },
   placeholder: { type: null, required: false },
   hourCycle: { type: null, required: false },

package/dist/runtime/components/InputMenu.vue

@@ -32,9 +32,9 @@ const props = defineProps({
   required: { type: Boolean, required: false },
   autofocus: { type: Boolean, required: false },
   autofocusDelay: { type: Number, required: false, default: 0 },
-  trailingIcon: { type: [String, Object], required: false },
-  selectedIcon: { type: [String, Object], required: false },
-  deleteIcon: { type: [String, Object], required: false },
+  trailingIcon: { type: null, required: false },
+  selectedIcon: { type: null, required: false },
+  deleteIcon: { type: null, required: false },
   content: { type: Object, required: false },
   arrow: { type: [Boolean, Object], required: false },
   portal: { type: [Boolean, String], required: false, skipCheck: true, default: true },
@@ -61,13 +61,13 @@ const props = defineProps({
   highlightOnHover: { type: Boolean, required: false },
   openOnClick: { type: Boolean, required: false },
   openOnFocus: { type: Boolean, required: false },
-  icon: { type: [String, Object], required: false },
+  icon: { type: null, required: false },
   avatar: { type: Object, required: false },
   leading: { type: Boolean, required: false },
-  leadingIcon: { type: [String, Object], required: false },
+  leadingIcon: { type: null, required: false },
   trailing: { type: Boolean, required: false },
   loading: { type: Boolean, required: false },
-  loadingIcon: { type: [String, Object], required: false }
+  loadingIcon: { type: null, required: false }
 });
 const emits = defineEmits(["update:open", "change", "blur", "focus", "create", "highlight", "remove-tag", "update:modelValue"]);
 const slots = defineSlots();

package/dist/runtime/components/InputNumber.vue

@@ -22,10 +22,10 @@ const props = defineProps({
   highlight: { type: Boolean, required: false },
   orientation: { type: String, required: false, default: "horizontal" },
   increment: { type: [Boolean, Object], required: false, default: true },
-  incrementIcon: { type: [String, Object], required: false },
+  incrementIcon: { type: null, required: false },
   incrementDisabled: { type: Boolean, required: false },
   decrement: { type: [Boolean, Object], required: false, default: true },
-  decrementIcon: { type: [String, Object], required: false },
+  decrementIcon: { type: null, required: false },
   decrementDisabled: { type: Boolean, required: false },
   autofocus: { type: Boolean, required: false },
   autofocusDelay: { type: Number, required: false },

package/dist/runtime/components/InputTags.vue

@@ -23,7 +23,7 @@ const props = defineProps({
   size: { type: null, required: false },
   autofocus: { type: Boolean, required: false },
   autofocusDelay: { type: Number, required: false, default: 0 },
-  deleteIcon: { type: [String, Object], required: false },
+  deleteIcon: { type: null, required: false },
   highlight: { type: Boolean, required: false },
   class: { type: null, required: false },
   ui: { type: null, required: false },
@@ -41,14 +41,14 @@ const props = defineProps({
   displayValue: { type: Function, required: false },
   name: { type: String, required: false },
   required: { type: Boolean, required: false },
-  icon: { type: [String, Object], required: false },
+  icon: { type: null, required: false },
   avatar: { type: Object, required: false },
   leading: { type: Boolean, required: false },
-  leadingIcon: { type: [String, Object], required: false },
+  leadingIcon: { type: null, required: false },
   trailing: { type: Boolean, required: false },
-  trailingIcon: { type: [String, Object], required: false },
+  trailingIcon: { type: null, required: false },
   loading: { type: Boolean, required: false },
-  loadingIcon: { type: [String, Object], required: false }
+  loadingIcon: { type: null, required: false }
 });
 const emits = defineEmits(["change", "blur", "focus", "update:modelValue", "invalid", "addTag", "removeTag"]);
 const slots = defineSlots();

package/dist/runtime/components/InputTime.vue

@@ -38,14 +38,14 @@ const props = defineProps({
   id: { type: String, required: false },
   name: { type: String, required: false },
   required: { type: Boolean, required: false },
-  icon: { type: [String, Object], required: false },
+  icon: { type: null, required: false },
   avatar: { type: Object, required: false },
   leading: { type: Boolean, required: false },
-  leadingIcon: { type: [String, Object], required: false },
+  leadingIcon: { type: null, required: false },
   trailing: { type: Boolean, required: false },
-  trailingIcon: { type: [String, Object], required: false },
+  trailingIcon: { type: null, required: false },
   loading: { type: Boolean, required: false },
-  loadingIcon: { type: [String, Object], required: false }
+  loadingIcon: { type: null, required: false }
 });
 const emits = defineEmits(["change", "blur", "focus", "update:modelValue", "update:placeholder"]);
 const slots = defineSlots();

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

@@ -1,6 +1,56 @@
-import type { NuxtLinkProps } from '#app';
+import type { RouterLinkProps, RouteLocationRaw } from 'vue-router';
 import type { ButtonHTMLAttributes, AnchorHTMLAttributes } from '../types/html';
-export interface LinkProps extends Omit<NuxtLinkProps, 'custom'>, /** @vue-ignore */ Omit<ButtonHTMLAttributes, 'type' | 'disabled'>, /** @vue-ignore */ Omit<AnchorHTMLAttributes, 'href' | 'target' | 'rel' | 'type'> {
+interface NuxtLinkProps extends Omit<RouterLinkProps, 'to'> {
+    /**
+     * Route Location the link should navigate to when clicked on.
+     */
+    to?: RouteLocationRaw;
+    /**
+     * An alias for `to`. If used with `to`, `href` will be ignored
+     */
+    href?: NuxtLinkProps['to'];
+    /**
+     * Forces the link to be considered as external (true) or internal (false). This is helpful to handle edge-cases
+     */
+    external?: boolean;
+    /**
+     * Where to display the linked URL, as the name for a browsing context.
+     */
+    target?: '_blank' | '_parent' | '_self' | '_top' | (string & {}) | null;
+    /**
+     * A rel attribute value to apply on the link. Defaults to "noopener noreferrer" for external links.
+     */
+    rel?: 'noopener' | 'noreferrer' | 'nofollow' | 'sponsored' | 'ugc' | (string & {}) | null;
+    /**
+     * If set to true, no rel attribute will be added to the link
+     */
+    noRel?: boolean;
+    /**
+     * A class to apply to links that have been prefetched.
+     */
+    prefetchedClass?: string;
+    /**
+     * When enabled will prefetch middleware, layouts and payloads of links in the viewport.
+     */
+    prefetch?: boolean;
+    /**
+     * Allows controlling when to prefetch links. By default, prefetch is triggered only on visibility.
+     */
+    prefetchOn?: 'visibility' | 'interaction' | Partial<{
+        visibility: boolean;
+        interaction: boolean;
+    }>;
+    /**
+     * Escape hatch to disable `prefetch` attribute.
+     */
+    noPrefetch?: boolean;
+    /**
+     * An option to either add or remove trailing slashes in the `href` for this specific link.
+     * Overrides the global `trailingSlash` option if provided.
+     */
+    trailingSlash?: 'append' | 'remove';
+}
+export interface LinkProps extends NuxtLinkProps, /** @vue-ignore */ Omit<ButtonHTMLAttributes, 'type' | 'disabled'>, /** @vue-ignore */ Omit<AnchorHTMLAttributes, 'href' | 'target' | 'rel' | 'type'> {
     /**
      * The element or component this component should render as when not a link.
      * @defaultValue 'button'

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

@@ -1,6 +1,56 @@
-import type { NuxtLinkProps } from '#app';
+import type { RouterLinkProps, RouteLocationRaw } from 'vue-router';
 import type { ButtonHTMLAttributes, AnchorHTMLAttributes } from '../types/html';
-export interface LinkProps extends Omit<NuxtLinkProps, 'custom'>, /** @vue-ignore */ Omit<ButtonHTMLAttributes, 'type' | 'disabled'>, /** @vue-ignore */ Omit<AnchorHTMLAttributes, 'href' | 'target' | 'rel' | 'type'> {
+interface NuxtLinkProps extends Omit<RouterLinkProps, 'to'> {
+    /**
+     * Route Location the link should navigate to when clicked on.
+     */
+    to?: RouteLocationRaw;
+    /**
+     * An alias for `to`. If used with `to`, `href` will be ignored
+     */
+    href?: NuxtLinkProps['to'];
+    /**
+     * Forces the link to be considered as external (true) or internal (false). This is helpful to handle edge-cases
+     */
+    external?: boolean;
+    /**
+     * Where to display the linked URL, as the name for a browsing context.
+     */
+    target?: '_blank' | '_parent' | '_self' | '_top' | (string & {}) | null;
+    /**
+     * A rel attribute value to apply on the link. Defaults to "noopener noreferrer" for external links.
+     */
+    rel?: 'noopener' | 'noreferrer' | 'nofollow' | 'sponsored' | 'ugc' | (string & {}) | null;
+    /**
+     * If set to true, no rel attribute will be added to the link
+     */
+    noRel?: boolean;
+    /**
+     * A class to apply to links that have been prefetched.
+     */
+    prefetchedClass?: string;
+    /**
+     * When enabled will prefetch middleware, layouts and payloads of links in the viewport.
+     */
+    prefetch?: boolean;
+    /**
+     * Allows controlling when to prefetch links. By default, prefetch is triggered only on visibility.
+     */
+    prefetchOn?: 'visibility' | 'interaction' | Partial<{
+        visibility: boolean;
+        interaction: boolean;
+    }>;
+    /**
+     * Escape hatch to disable `prefetch` attribute.
+     */
+    noPrefetch?: boolean;
+    /**
+     * An option to either add or remove trailing slashes in the `href` for this specific link.
+     * Overrides the global `trailingSlash` option if provided.
+     */
+    trailingSlash?: 'append' | 'remove';
+}
+export interface LinkProps extends NuxtLinkProps, /** @vue-ignore */ Omit<ButtonHTMLAttributes, 'type' | 'disabled'>, /** @vue-ignore */ Omit<AnchorHTMLAttributes, 'href' | 'target' | 'rel' | 'type'> {
     /**
      * The element or component this component should render as when not a link.
      * @defaultValue 'button'

package/dist/runtime/components/Modal.vue

@@ -21,7 +21,7 @@ const props = defineProps({
   fullscreen: { type: Boolean, required: false },
   portal: { type: [Boolean, String], required: false, skipCheck: true, default: true },
   close: { type: [Boolean, Object], required: false, default: true },
-  closeIcon: { type: [String, Object], required: false },
+  closeIcon: { type: null, required: false },
   dismissible: { type: Boolean, required: false, default: true },
   class: { type: null, required: false },
   ui: { type: null, required: false },

package/dist/runtime/components/NavigationMenu.vue

@@ -24,8 +24,8 @@ const props = defineProps({
   type: { type: null, required: false, default: "multiple" },
   modelValue: { type: null, required: false },
   defaultValue: { type: null, required: false },
-  trailingIcon: { type: [String, Object], required: false },
-  externalIcon: { type: [Boolean, String, Object], required: false, default: true },
+  trailingIcon: { type: null, required: false },
+  externalIcon: { type: [Boolean, String], required: false, skipCheck: true, default: true },
   items: { type: null, required: false },
   color: { type: null, required: false },
   variant: { type: null, required: false },

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, Object], required: false },
+  icon: { type: null, required: false },
   title: { type: String, required: false },
   description: { type: String, required: false },
   orientation: { type: null, required: false, default: "vertical" },

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, Object], required: false },
+  icon: { type: null, required: false },
   title: { type: String, required: false },
   description: { type: String, required: false },
   orientation: { type: null, required: false, default: "horizontal" },

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, Object], required: false },
+  icon: { type: null, required: false },
   title: { type: String, required: false },
   description: { type: String, required: false },
   links: { type: Array, required: false },

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, 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 },
+  firstIcon: { type: null, required: false },
+  prevIcon: { type: null, required: false },
+  nextIcon: { type: null, required: false },
+  lastIcon: { type: null, required: false },
+  ellipsisIcon: { type: null, 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/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, Object], required: false },
-  selectedIcon: { type: [String, Object], required: false },
+  trailingIcon: { type: null, required: false },
+  selectedIcon: { type: null, required: false },
   content: { type: Object, required: false },
   arrow: { type: [Boolean, Object], required: false },
   portal: { type: [Boolean, String], required: false, skipCheck: true, default: true },
@@ -47,13 +47,13 @@ const props = defineProps({
   disabled: { type: Boolean, required: false },
   name: { type: String, required: false },
   required: { type: Boolean, required: false },
-  icon: { type: [String, Object], required: false },
+  icon: { type: null, required: false },
   avatar: { type: Object, required: false },
   leading: { type: Boolean, required: false },
-  leadingIcon: { type: [String, Object], required: false },
+  leadingIcon: { type: null, required: false },
   trailing: { type: Boolean, required: false },
   loading: { type: Boolean, required: false },
-  loadingIcon: { type: [String, Object], required: false }
+  loadingIcon: { type: null, required: false }
 });
 const emits = defineEmits(["update:open", "change", "blur", "focus", "update:modelValue"]);
 const slots = defineSlots();

package/dist/runtime/components/SelectMenu.vue

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

package/dist/runtime/components/Separator.vue

@@ -13,7 +13,7 @@ import UAvatar from "./Avatar.vue";
 const props = defineProps({
   as: { type: null, required: false },
   label: { type: String, required: false },
-  icon: { type: [String, Object], required: false },
+  icon: { type: null, required: false },
   avatar: { type: Object, required: false },
   color: { type: null, required: false },
   size: { type: null, required: false },

package/dist/runtime/components/Slideover.vue

@@ -20,7 +20,7 @@ const props = defineProps({
   side: { type: null, required: false, default: "right" },
   portal: { type: [Boolean, String], required: false, skipCheck: true, default: true },
   close: { type: [Boolean, Object], required: false, default: true },
-  closeIcon: { type: [String, Object], required: false },
+  closeIcon: { type: null, required: false },
   dismissible: { type: Boolean, required: false, default: true },
   class: { type: null, required: false },
   ui: { type: null, required: false },

package/dist/runtime/components/Switch.vue

@@ -16,9 +16,9 @@ const props = defineProps({
   color: { type: null, required: false },
   size: { type: null, required: false },
   loading: { type: Boolean, required: false },
-  loadingIcon: { type: [String, Object], required: false },
-  checkedIcon: { type: [String, Object], required: false },
-  uncheckedIcon: { type: [String, Object], required: false },
+  loadingIcon: { type: null, required: false },
+  checkedIcon: { type: null, required: false },
+  uncheckedIcon: { type: null, required: false },
   label: { type: String, required: false },
   description: { type: String, required: false },
   class: { type: null, required: false },

package/dist/runtime/components/Textarea.vue

@@ -36,14 +36,14 @@ const props = defineProps({
   modelModifiers: { type: Object, required: false },
   class: { type: null, required: false },
   ui: { type: null, required: false },
-  icon: { type: [String, Object], required: false },
+  icon: { type: null, required: false },
   avatar: { type: Object, required: false },
   leading: { type: Boolean, required: false },
-  leadingIcon: { type: [String, Object], required: false },
+  leadingIcon: { type: null, required: false },
   trailing: { type: Boolean, required: false },
-  trailingIcon: { type: [String, Object], required: false },
+  trailingIcon: { type: null, required: false },
   loading: { type: Boolean, required: false },
-  loadingIcon: { type: [String, Object], required: false }
+  loadingIcon: { type: null, required: false }
 });
 const emits = defineEmits(["update:modelValue", "blur", "change"]);
 const slots = defineSlots();

package/dist/runtime/components/Toast.vue

@@ -17,12 +17,12 @@ const props = defineProps({
   as: { type: null, required: false },
   title: { type: [String, Object, Function], required: false },
   description: { type: [String, Object, Function], required: false },
-  icon: { type: [String, Object], required: false },
+  icon: { type: null, required: false },
   avatar: { type: Object, required: false },
   color: { type: null, required: false },
   orientation: { type: null, required: false, default: "vertical" },
   close: { type: [Boolean, Object], required: false, default: true },
-  closeIcon: { type: [String, Object], required: false },
+  closeIcon: { type: null, required: false },
   actions: { type: Array, required: false },
   progress: { type: [Boolean, Object], required: false, default: true },
   class: { type: null, required: false },

package/dist/runtime/components/Tree.vue

@@ -19,9 +19,9 @@ const props = defineProps({
   size: { type: null, required: false },
   getKey: { type: Function, required: false },
   labelKey: { type: null, required: false, default: "label" },
-  trailingIcon: { type: [String, Object], required: false },
-  expandedIcon: { type: [String, Object], required: false },
-  collapsedIcon: { type: [String, Object], required: false },
+  trailingIcon: { type: null, required: false },
+  expandedIcon: { type: null, required: false },
+  collapsedIcon: { type: null, required: false },
   items: { type: null, required: false },
   modelValue: { type: null, required: false },
   defaultValue: { type: null, required: false },

package/dist/runtime/components/color-mode/ColorModeAvatar.vue

@@ -12,7 +12,7 @@ const props = defineProps({
   dark: { type: String, required: true },
   as: { type: null, required: false },
   alt: { type: String, required: false },
-  icon: { type: [String, Object], required: false },
+  icon: { type: null, required: false },
   text: { type: String, required: false },
   size: { type: null, required: false },
   chip: { type: [Boolean, Object], required: false },

package/dist/runtime/components/color-mode/ColorModeButton.vue

@@ -9,6 +9,7 @@ import { reactiveOmit } from "@vueuse/core";
 import { useColorMode, useAppConfig } from "#imports";
 import { useLocale } from "../../composables/useLocale";
 import UButton from "../Button.vue";
+import UIcon from "../Icon.vue";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   color: { type: null, required: false, default: "neutral" },
@@ -23,14 +24,14 @@ const props = defineProps({
   onClick: { type: [Function, Array], required: false },
   class: { type: null, required: false },
   ui: { type: null, required: false },
-  icon: { type: [String, Object], required: false },
+  icon: { type: null, required: false },
   avatar: { type: Object, required: false },
   leading: { type: Boolean, required: false },
-  leadingIcon: { type: [String, Object], required: false },
+  leadingIcon: { type: null, required: false },
   trailing: { type: Boolean, required: false },
-  trailingIcon: { type: [String, Object], required: false },
+  trailingIcon: { type: null, required: false },
   loading: { type: Boolean, required: false },
-  loadingIcon: { type: [String, Object], required: false },
+  loadingIcon: { type: null, required: false },
   as: { type: null, required: false },
   type: { type: null, required: false },
   disabled: { type: Boolean, required: false },

package/dist/runtime/components/color-mode/ColorModeSelect.vue

@@ -17,8 +17,8 @@ const props = defineProps({
   variant: { type: null, required: false },
   size: { type: null, required: false },
   required: { type: Boolean, required: false },
-  trailingIcon: { type: [String, Object], required: false },
-  selectedIcon: { type: [String, Object], required: false },
+  trailingIcon: { type: null, required: false },
+  selectedIcon: { type: null, required: false },
   content: { type: Object, required: false },
   arrow: { type: [Boolean, Object], required: false },
   portal: { type: [Boolean, String], required: false, skipCheck: true },
@@ -45,10 +45,10 @@ const props = defineProps({
   highlightOnHover: { type: Boolean, required: false },
   avatar: { type: Object, required: false },
   leading: { type: Boolean, required: false },
-  leadingIcon: { type: [String, Object], required: false },
+  leadingIcon: { type: null, required: false },
   trailing: { type: Boolean, required: false },
   loading: { type: Boolean, required: false },
-  loadingIcon: { type: [String, Object], required: false }
+  loadingIcon: { type: null, required: false }
 });
 const { t } = useLocale();
 const colorMode = useColorMode();

package/dist/runtime/components/color-mode/ColorModeSwitch.vue

@@ -14,7 +14,7 @@ const props = defineProps({
   color: { type: null, required: false },
   size: { type: null, required: false },
   loading: { type: Boolean, required: false },
-  loadingIcon: { type: [String, Object], required: false },
+  loadingIcon: { type: null, required: false },
   label: { type: String, required: false },
   description: { type: String, required: false },
   class: { type: null, required: false },