@nuxt/ui 4.2.0 → 4.2.1

package/.nuxt/ui.css

@@ -0,0 +1,152 @@
+@source "./ui";
+
+@layer base {
+  body {
+    @apply antialiased text-default bg-default scheme-light dark:scheme-dark;
+  }
+}
+
+@theme static {
+  --color-old-neutral-50: oklch(98.5% 0 0);
+  --color-old-neutral-100: oklch(97% 0 0);
+  --color-old-neutral-200: oklch(92.2% 0 0);
+  --color-old-neutral-300: oklch(87% 0 0);
+  --color-old-neutral-400: oklch(70.8% 0 0);
+  --color-old-neutral-500: oklch(55.6% 0 0);
+  --color-old-neutral-600: oklch(43.9% 0 0);
+  --color-old-neutral-700: oklch(37.1% 0 0);
+  --color-old-neutral-800: oklch(26.9% 0 0);
+  --color-old-neutral-900: oklch(20.5% 0 0);
+  --color-old-neutral-950: oklch(14.5% 0 0);
+}
+
+@theme default inline {
+  --color-primary-50: var(--ui-color-primary-50);
+	--color-primary-100: var(--ui-color-primary-100);
+	--color-primary-200: var(--ui-color-primary-200);
+	--color-primary-300: var(--ui-color-primary-300);
+	--color-primary-400: var(--ui-color-primary-400);
+	--color-primary-500: var(--ui-color-primary-500);
+	--color-primary-600: var(--ui-color-primary-600);
+	--color-primary-700: var(--ui-color-primary-700);
+	--color-primary-800: var(--ui-color-primary-800);
+	--color-primary-900: var(--ui-color-primary-900);
+	--color-primary-950: var(--ui-color-primary-950);
+	--color-secondary-50: var(--ui-color-secondary-50);
+	--color-secondary-100: var(--ui-color-secondary-100);
+	--color-secondary-200: var(--ui-color-secondary-200);
+	--color-secondary-300: var(--ui-color-secondary-300);
+	--color-secondary-400: var(--ui-color-secondary-400);
+	--color-secondary-500: var(--ui-color-secondary-500);
+	--color-secondary-600: var(--ui-color-secondary-600);
+	--color-secondary-700: var(--ui-color-secondary-700);
+	--color-secondary-800: var(--ui-color-secondary-800);
+	--color-secondary-900: var(--ui-color-secondary-900);
+	--color-secondary-950: var(--ui-color-secondary-950);
+	--color-success-50: var(--ui-color-success-50);
+	--color-success-100: var(--ui-color-success-100);
+	--color-success-200: var(--ui-color-success-200);
+	--color-success-300: var(--ui-color-success-300);
+	--color-success-400: var(--ui-color-success-400);
+	--color-success-500: var(--ui-color-success-500);
+	--color-success-600: var(--ui-color-success-600);
+	--color-success-700: var(--ui-color-success-700);
+	--color-success-800: var(--ui-color-success-800);
+	--color-success-900: var(--ui-color-success-900);
+	--color-success-950: var(--ui-color-success-950);
+	--color-info-50: var(--ui-color-info-50);
+	--color-info-100: var(--ui-color-info-100);
+	--color-info-200: var(--ui-color-info-200);
+	--color-info-300: var(--ui-color-info-300);
+	--color-info-400: var(--ui-color-info-400);
+	--color-info-500: var(--ui-color-info-500);
+	--color-info-600: var(--ui-color-info-600);
+	--color-info-700: var(--ui-color-info-700);
+	--color-info-800: var(--ui-color-info-800);
+	--color-info-900: var(--ui-color-info-900);
+	--color-info-950: var(--ui-color-info-950);
+	--color-warning-50: var(--ui-color-warning-50);
+	--color-warning-100: var(--ui-color-warning-100);
+	--color-warning-200: var(--ui-color-warning-200);
+	--color-warning-300: var(--ui-color-warning-300);
+	--color-warning-400: var(--ui-color-warning-400);
+	--color-warning-500: var(--ui-color-warning-500);
+	--color-warning-600: var(--ui-color-warning-600);
+	--color-warning-700: var(--ui-color-warning-700);
+	--color-warning-800: var(--ui-color-warning-800);
+	--color-warning-900: var(--ui-color-warning-900);
+	--color-warning-950: var(--ui-color-warning-950);
+	--color-error-50: var(--ui-color-error-50);
+	--color-error-100: var(--ui-color-error-100);
+	--color-error-200: var(--ui-color-error-200);
+	--color-error-300: var(--ui-color-error-300);
+	--color-error-400: var(--ui-color-error-400);
+	--color-error-500: var(--ui-color-error-500);
+	--color-error-600: var(--ui-color-error-600);
+	--color-error-700: var(--ui-color-error-700);
+	--color-error-800: var(--ui-color-error-800);
+	--color-error-900: var(--ui-color-error-900);
+	--color-error-950: var(--ui-color-error-950);
+	--color-neutral-50: var(--ui-color-neutral-50);
+	--color-neutral-100: var(--ui-color-neutral-100);
+	--color-neutral-200: var(--ui-color-neutral-200);
+	--color-neutral-300: var(--ui-color-neutral-300);
+	--color-neutral-400: var(--ui-color-neutral-400);
+	--color-neutral-500: var(--ui-color-neutral-500);
+	--color-neutral-600: var(--ui-color-neutral-600);
+	--color-neutral-700: var(--ui-color-neutral-700);
+	--color-neutral-800: var(--ui-color-neutral-800);
+	--color-neutral-900: var(--ui-color-neutral-900);
+	--color-neutral-950: var(--ui-color-neutral-950);
+  --color-primary: var(--ui-primary);
+	--color-secondary: var(--ui-secondary);
+	--color-success: var(--ui-success);
+	--color-info: var(--ui-info);
+	--color-warning: var(--ui-warning);
+	--color-error: var(--ui-error);
+  --radius-xs: calc(var(--ui-radius) * 0.5);
+  --radius-sm: var(--ui-radius);
+  --radius-md: calc(var(--ui-radius) * 1.5);
+  --radius-lg: calc(var(--ui-radius) * 2);
+  --radius-xl: calc(var(--ui-radius) * 3);
+  --radius-2xl: calc(var(--ui-radius) * 4);
+  --radius-3xl: calc(var(--ui-radius) * 6);
+  --text-color-dimmed: var(--ui-text-dimmed);
+  --text-color-muted: var(--ui-text-muted);
+  --text-color-toned: var(--ui-text-toned);
+  --text-color-default: var(--ui-text);
+  --text-color-highlighted: var(--ui-text-highlighted);
+  --text-color-inverted: var(--ui-text-inverted);
+  --background-color-default: var(--ui-bg);
+  --background-color-muted: var(--ui-bg-muted);
+  --background-color-elevated: var(--ui-bg-elevated);
+  --background-color-accented: var(--ui-bg-accented);
+  --background-color-inverted: var(--ui-bg-inverted);
+  --background-color-border: var(--ui-border);
+  --border-color-default: var(--ui-border);
+  --border-color-muted: var(--ui-border-muted);
+  --border-color-accented: var(--ui-border-accented);
+  --border-color-inverted: var(--ui-border-inverted);
+  --border-color-bg: var(--ui-bg);
+  --ring-color-default: var(--ui-border);
+  --ring-color-muted: var(--ui-border-muted);
+  --ring-color-accented: var(--ui-border-accented);
+  --ring-color-inverted: var(--ui-border-inverted);
+  --ring-color-bg: var(--ui-bg);
+  --ring-offset-color-default: var(--ui-border);
+  --ring-offset-color-muted: var(--ui-border-muted);
+  --ring-offset-color-accented: var(--ui-border-accented);
+  --ring-offset-color-inverted: var(--ui-border-inverted);
+  --ring-offset-color-bg: var(--ui-bg);
+  --divide-color-default: var(--ui-border);
+  --divide-color-muted: var(--ui-border-muted);
+  --divide-color-accented: var(--ui-border-accented);
+  --divide-color-inverted: var(--ui-border-inverted);
+  --divide-color-bg: var(--ui-bg);
+  --outline-color-default: var(--ui-border);
+  --outline-color-inverted: var(--ui-border-inverted);
+  --stroke-default: var(--ui-border);
+  --stroke-inverted: var(--ui-border-inverted);
+  --fill-default: var(--ui-border);
+  --fill-inverted: var(--ui-border-inverted);
+}

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxt/ui",
-  "version": "4.2.0",
+  "version": "4.2.1",
   "docs": "https://ui.nuxt.com/docs/getting-started/installation/nuxt",
   "configKey": "ui",
   "compatibility": {

package/dist/module.mjs

@@ -11,7 +11,7 @@ import 'pathe';
 import 'tinyglobby';
 
 const name = "@nuxt/ui";
-const version = "4.2.0";
+const version = "4.2.1";
 
 const module = defineNuxtModule({
   meta: {

package/dist/runtime/components/Accordion.vue

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

package/dist/runtime/components/Alert.vue

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

package/dist/runtime/components/AuthForm.vue

@@ -21,7 +21,7 @@ import UPinInput from "./PinInput.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 },
   fields: { type: Array, required: false },

package/dist/runtime/components/Avatar.vue

@@ -17,7 +17,7 @@ const props = defineProps({
   as: { type: null, required: false },
   src: { type: String, 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/Badge.vue

@@ -20,12 +20,12 @@ const props = defineProps({
   square: { type: Boolean, required: false },
   class: { type: null, required: false },
   ui: { type: null, required: false },
-  icon: { type: [String, 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 }
 });
 const slots = defineSlots();
 const appConfig = useAppConfig();

package/dist/runtime/components/Banner.vue

@@ -16,14 +16,14 @@ defineOptions({ inheritAttrs: false });
 const props = defineProps({
   as: { type: null, required: false },
   id: { type: String, required: false },
-  icon: { type: [String, Object], required: false },
+  icon: { type: null, required: false },
   title: { type: String, required: false },
   actions: { type: Array, required: false },
   to: { type: null, required: false },
   target: { type: [String, Object, null], required: false },
   color: { type: null, required: false },
   close: { type: [Boolean, Object], required: false },
-  closeIcon: { type: [String, Object], required: false },
+  closeIcon: { type: null, required: false },
   class: { type: null, required: false },
   ui: { type: null, required: false }
 });

package/dist/runtime/components/Breadcrumb.vue

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

package/dist/runtime/components/Button.vue

@@ -30,14 +30,14 @@ const props = defineProps({
   onClick: { type: [Function, Array], required: false },
   class: { type: null, required: false },
   ui: { type: null, required: false },
-  icon: { type: [String, 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/Calendar.vue

@@ -13,13 +13,13 @@ import { tv } from "../utils/tv";
 import UButton from "./Button.vue";
 const props = defineProps({
   as: { type: null, required: false },
-  nextYearIcon: { type: [String, Object], required: false },
+  nextYearIcon: { type: null, required: false },
   nextYear: { type: Object, required: false },
-  nextMonthIcon: { type: [String, Object], required: false },
+  nextMonthIcon: { type: null, required: false },
   nextMonth: { type: Object, required: false },
-  prevYearIcon: { type: [String, Object], required: false },
+  prevYearIcon: { type: null, required: false },
   prevYear: { type: Object, required: false },
-  prevMonthIcon: { type: [String, Object], required: false },
+  prevMonthIcon: { type: null, required: false },
   prevMonth: { type: Object, required: false },
   color: { type: null, required: false },
   variant: { type: null, required: false },

package/dist/runtime/components/Carousel.vue

@@ -14,9 +14,9 @@ import UButton from "./Button.vue";
 const props = defineProps({
   as: { type: null, required: false },
   prev: { type: Object, required: false },
-  prevIcon: { type: [String, Object], required: false },
+  prevIcon: { type: null, required: false },
   next: { type: Object, required: false },
-  nextIcon: { type: [String, Object], required: false },
+  nextIcon: { type: null, required: false },
   arrows: { type: Boolean, required: false, default: false },
   dots: { type: Boolean, required: false, default: false },
   orientation: { type: null, required: false, default: "horizontal" },

package/dist/runtime/components/ChatMessage.vue

@@ -14,7 +14,7 @@ import UAvatar from "./Avatar.vue";
 import UIcon from "./Icon.vue";
 const props = defineProps({
   as: { type: null, required: false, default: "article" },
-  icon: { type: [String, Object], required: false },
+  icon: { type: null, required: false },
   avatar: { type: Object, required: false },
   variant: { type: null, required: false },
   side: { type: null, required: false },

package/dist/runtime/components/ChatMessages.vue

@@ -18,7 +18,7 @@ const props = defineProps({
   shouldAutoScroll: { type: Boolean, required: false, default: false },
   shouldScrollToBottom: { type: Boolean, required: false, default: true },
   autoScroll: { type: [Boolean, Object], required: false, default: true },
-  autoScrollIcon: { type: [String, Object], required: false },
+  autoScrollIcon: { type: null, required: false },
   user: { type: Object, required: false },
   assistant: { type: Object, required: false },
   compact: { type: Boolean, required: false },

package/dist/runtime/components/ChatPrompt.vue

@@ -25,10 +25,10 @@ const props = defineProps({
   autoresize: { type: Boolean, required: false, default: true },
   autoresizeDelay: { type: Number, required: false },
   maxrows: { type: Number, required: false },
-  icon: { type: [String, Object], required: false },
+  icon: { type: null, required: false },
   avatar: { type: Object, required: false },
   loading: { type: Boolean, required: false },
-  loadingIcon: { type: [String, Object], required: false },
+  loadingIcon: { type: null, required: false },
   disabled: { type: Boolean, required: false }
 });
 const emits = defineEmits(["submit", "close"]);

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

@@ -74,15 +74,15 @@ export interface ChatPromptSubmitProps extends Omit<ButtonProps, 'icon' | 'color
     class?: any;
 }
 export interface ChatPromptSubmitEmits {
-    stop: [];
-    reload: [];
+    stop: [event: MouseEvent];
+    reload: [event: MouseEvent];
 }
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChatPromptSubmitProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    stop: () => any;
-    reload: () => any;
+    stop: (event: MouseEvent) => any;
+    reload: (event: MouseEvent) => any;
 }, string, import("vue").PublicProps, Readonly<ChatPromptSubmitProps> & Readonly<{
-    onStop?: (() => any) | undefined;
-    onReload?: (() => any) | undefined;
+    onStop?: ((event: MouseEvent) => any) | undefined;
+    onReload?: ((event: MouseEvent) => any) | undefined;
 }>, {
     status: ChatStatus;
     streamingColor: "error" | "info" | "primary" | "secondary" | "success" | "warning" | "neutral";

package/dist/runtime/components/ChatPromptSubmit.vue

@@ -14,16 +14,16 @@ import UButton from "./Button.vue";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   status: { type: String, required: false, default: "ready" },
-  icon: { type: [String, Object], required: false },
+  icon: { type: null, required: false },
   color: { type: null, required: false },
   variant: { type: null, required: false },
-  streamingIcon: { type: [String, Object], required: false },
+  streamingIcon: { type: null, required: false },
   streamingColor: { type: null, required: false, default: "neutral" },
   streamingVariant: { type: null, required: false, default: "subtle" },
-  submittedIcon: { type: [String, Object], required: false },
+  submittedIcon: { type: null, required: false },
   submittedColor: { type: null, required: false, default: "neutral" },
   submittedVariant: { type: null, required: false, default: "subtle" },
-  errorIcon: { type: [String, Object], required: false },
+  errorIcon: { type: null, required: false },
   errorColor: { type: null, required: false, default: "error" },
   errorVariant: { type: null, required: false, default: "soft" },
   ui: { type: void 0, required: false },
@@ -38,11 +38,11 @@ const props = defineProps({
   onClick: { type: [Function, Array], 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 },
@@ -84,24 +84,24 @@ const statusButtonProps = computed(() => ({
     icon: props.submittedIcon || appConfig.ui.icons.stop,
     color: props.submittedColor,
     variant: props.submittedVariant,
-    onClick() {
-      emits("stop");
+    onClick(e) {
+      emits("stop", e);
     }
   },
   streaming: {
     icon: props.streamingIcon || appConfig.ui.icons.stop,
     color: props.streamingColor,
     variant: props.streamingVariant,
-    onClick() {
-      emits("stop");
+    onClick(e) {
+      emits("stop", e);
     }
   },
   error: {
     icon: props.errorIcon || appConfig.ui.icons.reload,
     color: props.errorColor,
     variant: props.errorVariant,
-    onClick() {
-      emits("reload");
+    onClick(e) {
+      emits("reload", e);
     }
   }
 })[props.status]);

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

@@ -74,15 +74,15 @@ export interface ChatPromptSubmitProps extends Omit<ButtonProps, 'icon' | 'color
     class?: any;
 }
 export interface ChatPromptSubmitEmits {
-    stop: [];
-    reload: [];
+    stop: [event: MouseEvent];
+    reload: [event: MouseEvent];
 }
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChatPromptSubmitProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    stop: () => any;
-    reload: () => any;
+    stop: (event: MouseEvent) => any;
+    reload: (event: MouseEvent) => any;
 }, string, import("vue").PublicProps, Readonly<ChatPromptSubmitProps> & Readonly<{
-    onStop?: (() => any) | undefined;
-    onReload?: (() => any) | undefined;
+    onStop?: ((event: MouseEvent) => any) | undefined;
+    onReload?: ((event: MouseEvent) => any) | undefined;
 }>, {
     status: ChatStatus;
     streamingColor: "error" | "info" | "primary" | "secondary" | "success" | "warning" | "neutral";

package/dist/runtime/components/Checkbox.vue

@@ -19,8 +19,8 @@ const props = defineProps({
   variant: { type: null, required: false },
   size: { type: null, required: false },
   indicator: { type: null, required: false },
-  icon: { type: [String, Object], required: false },
-  indeterminateIcon: { type: [String, Object], required: false },
+  icon: { type: null, required: false },
+  indeterminateIcon: { type: null, required: false },
   class: { type: null, required: false },
   ui: { type: null, required: false },
   disabled: { type: Boolean, required: false },

package/dist/runtime/components/CheckboxGroup.vue

@@ -31,7 +31,7 @@ const props = defineProps({
   required: { type: Boolean, required: false },
   color: { type: null, required: false },
   indicator: { type: null, required: false },
-  icon: { type: [String, Object], required: false }
+  icon: { type: null, required: false }
 });
 const emits = defineEmits(["update:modelValue", "change"]);
 const slots = defineSlots();

package/dist/runtime/components/CommandPalette.vue

@@ -26,16 +26,16 @@ import UKbd from "./Kbd.vue";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   as: { type: null, required: false },
-  icon: { type: [String, Object], required: false },
-  trailingIcon: { type: [String, Object], required: false },
-  selectedIcon: { type: [String, Object], required: false },
-  childrenIcon: { type: [String, Object], required: false },
+  icon: { type: null, required: false },
+  trailingIcon: { type: null, required: false },
+  selectedIcon: { type: null, required: false },
+  childrenIcon: { type: null, required: false },
   placeholder: { type: String, required: false },
   autofocus: { type: Boolean, required: false, default: true },
   close: { type: [Boolean, Object], required: false },
-  closeIcon: { type: [String, Object], required: false },
+  closeIcon: { type: null, required: false },
   back: { type: [Boolean, Object], required: false, default: true },
-  backIcon: { type: [String, Object], required: false },
+  backIcon: { type: null, required: false },
   groups: { type: Array, required: false },
   fuse: { type: Object, required: false },
   virtualize: { type: [Boolean, Object], required: false, default: false },
@@ -51,7 +51,7 @@ const props = defineProps({
   highlightOnHover: { type: Boolean, required: false, default: true },
   selectionBehavior: { type: String, required: false },
   loading: { type: Boolean, required: false },
-  loadingIcon: { type: [String, Object], required: false }
+  loadingIcon: { type: null, required: false }
 });
 const emits = defineEmits(["update:modelValue", "highlight", "entryFocus", "leave", "update:open"]);
 const slots = defineSlots();

package/dist/runtime/components/ContextMenu.vue

@@ -13,9 +13,9 @@ import UContextMenuContent from "./ContextMenuContent.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 },
   portal: { type: [Boolean, String], required: false, skipCheck: true, default: true },
   labelKey: { type: null, required: false, default: "label" },

package/dist/runtime/components/ContextMenuContent.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/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, Object], required: false },
+  icon: { type: null, 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/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, Object], required: false },
+  icon: { type: null, required: false },
   placeholder: { type: String, required: false },
   autofocus: { type: Boolean, required: false },
   loading: { type: Boolean, required: false },
-  loadingIcon: { type: [String, Object], required: false },
+  loadingIcon: { type: null, required: false },
   close: { type: [Boolean, Object], required: false, default: true },
-  closeIcon: { type: [String, Object], required: false },
+  closeIcon: { type: null, required: false },
   shortcut: { type: String, required: false, default: "meta_k" },
   groups: { type: Array, required: false },
   fuse: { type: Object, required: false },

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, Object], required: false },
+  icon: { type: null, required: false },
   label: { type: String, required: false },
   color: { type: null, required: false, default: "neutral" },
   variant: { type: null, required: false },
@@ -35,11 +35,11 @@ const props = defineProps({
   onClick: { type: [Function, Array], 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/DashboardSidebarCollapse.vue

@@ -25,14 +25,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/DashboardSidebarToggle.vue

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