@nuxt/ui 3.3.1 → 4.0.0-alpha.0

package/dist/runtime/types/index.js

@@ -1,15 +1,25 @@
 export * from "../components/Accordion.vue";
 export * from "../components/Alert.vue";
 export * from "../components/App.vue";
+export * from "../components/AuthForm.vue";
 export * from "../components/Avatar.vue";
 export * from "../components/AvatarGroup.vue";
 export * from "../components/Badge.vue";
+export * from "../components/Banner.vue";
+export * from "../components/BlogPost.vue";
+export * from "../components/BlogPosts.vue";
 export * from "../components/Breadcrumb.vue";
 export * from "../components/Button.vue";
-export * from "../components/ButtonGroup.vue";
 export * from "../components/Calendar.vue";
 export * from "../components/Card.vue";
 export * from "../components/Carousel.vue";
+export * from "../components/ChangelogVersion.vue";
+export * from "../components/ChangelogVersions.vue";
+export * from "../components/ChatMessage.vue";
+export * from "../components/ChatMessages.vue";
+export * from "../components/ChatPalette.vue";
+export * from "../components/ChatPrompt.vue";
+export * from "../components/ChatPromptSubmit.vue";
 export * from "../components/Checkbox.vue";
 export * from "../components/CheckboxGroup.vue";
 export * from "../components/Chip.vue";
@@ -18,11 +28,26 @@ export * from "../components/ColorPicker.vue";
 export * from "../components/CommandPalette.vue";
 export * from "../components/Container.vue";
 export * from "../components/ContextMenu.vue";
+export * from "../components/DashboardGroup.vue";
+export * from "../components/DashboardNavbar.vue";
+export * from "../components/DashboardPanel.vue";
+export * from "../components/DashboardResizeHandle.vue";
+export * from "../components/DashboardSearch.vue";
+export * from "../components/DashboardSearchButton.vue";
+export * from "../components/DashboardSidebar.vue";
+export * from "../components/DashboardSidebarCollapse.vue";
+export * from "../components/DashboardSidebarToggle.vue";
+export * from "../components/DashboardToolbar.vue";
 export * from "../components/Drawer.vue";
 export * from "../components/DropdownMenu.vue";
+export * from "../components/Error.vue";
+export * from "../components/FieldGroup.vue";
 export * from "../components/FileUpload.vue";
+export * from "../components/Footer.vue";
+export * from "../components/FooterColumns.vue";
 export * from "../components/Form.vue";
 export * from "../components/FormField.vue";
+export * from "../components/Header.vue";
 export * from "../components/Icon.vue";
 export * from "../components/Input.vue";
 export * from "../components/InputMenu.vue";
@@ -30,10 +55,30 @@ export * from "../components/InputNumber.vue";
 export * from "../components/InputTags.vue";
 export * from "../components/Kbd.vue";
 export * from "../components/Link.vue";
+export * from "../components/Main.vue";
+export * from "../components/Marquee.vue";
 export * from "../components/Modal.vue";
 export * from "../components/NavigationMenu.vue";
+export * from "../components/Page.vue";
+export * from "../components/PageAnchors.vue";
+export * from "../components/PageAside.vue";
+export * from "../components/PageBody.vue";
+export * from "../components/PageCTA.vue";
+export * from "../components/PageCard.vue";
+export * from "../components/PageColumns.vue";
+export * from "../components/PageFeature.vue";
+export * from "../components/PageGrid.vue";
+export * from "../components/PageHeader.vue";
+export * from "../components/PageHero.vue";
+export * from "../components/PageLinks.vue";
+export * from "../components/PageList.vue";
+export * from "../components/PageLogos.vue";
+export * from "../components/PageSection.vue";
 export * from "../components/Pagination.vue";
 export * from "../components/PinInput.vue";
+export * from "../components/PricingPlan.vue";
+export * from "../components/PricingPlans.vue";
+export * from "../components/PricingTable.vue";
 export * from "../components/Popover.vue";
 export * from "../components/Progress.vue";
 export * from "../components/RadioGroup.vue";
@@ -53,6 +98,12 @@ export * from "../components/Toast.vue";
 export * from "../components/Toaster.vue";
 export * from "../components/Tooltip.vue";
 export * from "../components/Tree.vue";
+export * from "../components/User.vue";
+export * from "../components/color-mode/ColorModeAvatar.vue";
+export * from "../components/color-mode/ColorModeButton.vue";
+export * from "../components/color-mode/ColorModeImage.vue";
+export * from "../components/color-mode/ColorModeSelect.vue";
+export * from "../components/color-mode/ColorModeSwitch.vue";
+export * from "../components/locale/LocaleSelect.vue";
 export * from "./form.js";
 export * from "./locale.js";
-export * from "./utils.js";

package/dist/runtime/types/locale.d.ts

@@ -1,55 +1,135 @@
 export type Messages = {
-    inputMenu: {
-        noMatch: string;
-        noData: string;
-        create: string;
+    alert: {
+        close: string;
+    };
+    authForm: {
+        hidePassword: string;
+        showPassword: string;
+        submit: string;
+    };
+    banner: {
+        close: string;
     };
     calendar: {
-        prevYear: string;
+        nextMonth: string;
         nextYear: string;
         prevMonth: string;
-        nextMonth: string;
+        prevYear: string;
     };
-    inputNumber: {
-        increment: string;
-        decrement: string;
+    carousel: {
+        dots: string;
+        goto: string;
+        next: string;
+        prev: string;
     };
-    commandPalette: {
+    chatPrompt: {
         placeholder: string;
-        noMatch: string;
+    };
+    chatPromptSubmit: {
+        label: string;
+    };
+    colorMode: {
+        dark: string;
+        light: string;
+        switchToDark: string;
+        switchToLight: string;
+        system: string;
+    };
+    commandPalette: {
+        back: string;
+        close: string;
         noData: string;
+        noMatch: string;
+        placeholder: string;
+    };
+    contentSearch: {
+        description?: string;
+        links: string;
+        theme: string;
+        title?: string;
+    };
+    contentSearchButton: {
+        label: string;
+    };
+    contentToc: {
+        title: string;
+    };
+    dashboardSearch: {
+        description?: string;
+        theme: string;
+        title?: string;
+    };
+    dashboardSearchButton: {
+        label: string;
+    };
+    dashboardSidebar?: {
+        description?: string;
+        title?: string;
+    };
+    dashboardSidebarCollapse: {
+        collapse: string;
+        expand: string;
+    };
+    dashboardSidebarToggle: {
         close: string;
-        back: string;
+        open: string;
     };
-    selectMenu: {
-        noMatch: string;
-        noData: string;
-        create: string;
-        search: string;
+    error: {
+        clear: string;
     };
-    toast: {
+    fileUpload: {
+        removeFile: string;
+    };
+    header: {
         close: string;
+        description?: string;
+        open: string;
+        title?: string;
     };
-    carousel: {
-        prev: string;
-        next: string;
-        dots: string;
-        goto: string;
+    inputMenu: {
+        create: string;
+        noData: string;
+        noMatch: string;
+    };
+    inputNumber: {
+        decrement: string;
+        increment: string;
     };
     modal: {
         close: string;
     };
-    slideover: {
-        close: string;
+    pricingTable: {
+        caption: string;
     };
-    alert: {
+    prose: {
+        codeCollapse: {
+            closeText: string;
+            name: string;
+            openText: string;
+        };
+        collapsible: {
+            closeText: string;
+            name: string;
+            openText: string;
+        };
+        pre: {
+            copy: string;
+        };
+    };
+    selectMenu: {
+        create: string;
+        noData: string;
+        noMatch: string;
+        search: string;
+    };
+    slideover: {
         close: string;
     };
     table: {
         noData: string;
     };
-    fileUpload: {
-        removeFile: string;
+    toast: {
+        close: string;
     };
 };
 export type Direction = 'ltr' | 'rtl';

package/dist/runtime/types/prose.d.ts

@@ -0,0 +1,42 @@
+export * from '../components/prose/A.vue';
+export * from '../components/prose/Accordion.vue';
+export * from '../components/prose/AccordionItem.vue';
+export * from '../components/prose/Badge.vue';
+export * from '../components/prose/Blockquote.vue';
+export * from '../components/prose/Callout.vue';
+export * from '../components/prose/Card.vue';
+export * from '../components/prose/CardGroup.vue';
+export * from '../components/prose/Code.vue';
+export * from '../components/prose/CodeCollapse.vue';
+export * from '../components/prose/CodeGroup.vue';
+export * from '../components/prose/CodeIcon.vue';
+export * from '../components/prose/CodePreview.vue';
+export * from '../components/prose/CodeTree.vue';
+export * from '../components/prose/Collapsible.vue';
+export * from '../components/prose/Em.vue';
+export * from '../components/prose/Field.vue';
+export * from '../components/prose/FieldGroup.vue';
+export * from '../components/prose/H1.vue';
+export * from '../components/prose/H2.vue';
+export * from '../components/prose/H3.vue';
+export * from '../components/prose/H4.vue';
+export * from '../components/prose/Hr.vue';
+export * from '../components/prose/Icon.vue';
+export * from '../components/prose/Img.vue';
+export * from '../components/prose/Kbd.vue';
+export * from '../components/prose/Li.vue';
+export * from '../components/prose/Ol.vue';
+export * from '../components/prose/P.vue';
+export * from '../components/prose/Pre.vue';
+export * from '../components/prose/Script.vue';
+export * from '../components/prose/Steps.vue';
+export * from '../components/prose/Strong.vue';
+export * from '../components/prose/Table.vue';
+export * from '../components/prose/Tabs.vue';
+export * from '../components/prose/TabsItem.vue';
+export * from '../components/prose/Tbody.vue';
+export * from '../components/prose/Td.vue';
+export * from '../components/prose/Th.vue';
+export * from '../components/prose/Thead.vue';
+export * from '../components/prose/Tr.vue';
+export * from '../components/prose/Ul.vue';

package/dist/runtime/types/prose.js

@@ -0,0 +1,42 @@
+export * from "../components/prose/A.vue";
+export * from "../components/prose/Accordion.vue";
+export * from "../components/prose/AccordionItem.vue";
+export * from "../components/prose/Badge.vue";
+export * from "../components/prose/Blockquote.vue";
+export * from "../components/prose/Callout.vue";
+export * from "../components/prose/Card.vue";
+export * from "../components/prose/CardGroup.vue";
+export * from "../components/prose/Code.vue";
+export * from "../components/prose/CodeCollapse.vue";
+export * from "../components/prose/CodeGroup.vue";
+export * from "../components/prose/CodeIcon.vue";
+export * from "../components/prose/CodePreview.vue";
+export * from "../components/prose/CodeTree.vue";
+export * from "../components/prose/Collapsible.vue";
+export * from "../components/prose/Em.vue";
+export * from "../components/prose/Field.vue";
+export * from "../components/prose/FieldGroup.vue";
+export * from "../components/prose/H1.vue";
+export * from "../components/prose/H2.vue";
+export * from "../components/prose/H3.vue";
+export * from "../components/prose/H4.vue";
+export * from "../components/prose/Hr.vue";
+export * from "../components/prose/Icon.vue";
+export * from "../components/prose/Img.vue";
+export * from "../components/prose/Kbd.vue";
+export * from "../components/prose/Li.vue";
+export * from "../components/prose/Ol.vue";
+export * from "../components/prose/P.vue";
+export * from "../components/prose/Pre.vue";
+export * from "../components/prose/Script.vue";
+export * from "../components/prose/Steps.vue";
+export * from "../components/prose/Strong.vue";
+export * from "../components/prose/Table.vue";
+export * from "../components/prose/Tabs.vue";
+export * from "../components/prose/TabsItem.vue";
+export * from "../components/prose/Tbody.vue";
+export * from "../components/prose/Td.vue";
+export * from "../components/prose/Th.vue";
+export * from "../components/prose/Thead.vue";
+export * from "../components/prose/Tr.vue";
+export * from "../components/prose/Ul.vue";

package/dist/runtime/types/tv.d.ts

@@ -27,14 +27,14 @@ type ComponentSlots<T extends {
     [K in keyof T['slots']]?: ClassValue;
 }>;
 type GetComponentAppConfig<A, U extends string, K extends string> = A extends Record<U, Record<K, any>> ? A[U][K] : {};
-type ComponentAppConfig<T, A extends Record<string, any>, K extends string, U extends string = 'ui' | 'uiPro' | 'uiPro.prose'> = A & (U extends 'uiPro.prose' ? {
-    uiPro?: {
+type ComponentAppConfig<T, A extends Record<string, any>, K extends string, U extends string = 'ui' | 'ui.prose'> = A & (U extends 'ui.prose' ? {
+    ui?: {
         prose?: {
             [k in K]?: Partial<T>;
         };
     };
 } : {
-    [key in Exclude<U, 'uiPro.prose'>]?: {
+    [key in Exclude<U, 'ui.prose'>]?: {
         [k in K]?: Partial<T>;
     };
 });
@@ -45,7 +45,7 @@ type ComponentAppConfig<T, A extends Record<string, any>, K extends string, U ex
  * @template K The key identifying the component (e.g., 'badge').
  * @template U The top-level key in AppConfig ('ui' or 'uiPro').
  */
-export type ComponentConfig<T extends Record<string, any>, A extends Record<string, any>, K extends string, U extends 'ui' | 'uiPro' | 'uiPro.prose' = 'ui'> = {
+export type ComponentConfig<T extends Record<string, any>, A extends Record<string, any>, K extends string, U extends 'ui' | 'ui.prose' = 'ui'> = {
     AppConfig: ComponentAppConfig<T, A, K, U>;
     variants: ComponentVariants<T & GetComponentAppConfig<A, U, K>>;
     slots: ComponentSlots<T>;

package/dist/runtime/types/utils.d.ts

@@ -38,4 +38,4 @@ export type StringOrVNode = string | VNode | (() => VNode);
 export type EmitsToProps<T> = {
     [K in keyof T as `on${Capitalize<string & K>}`]: T[K] extends [...args: infer Args] ? (...args: Args) => void : never;
 };
-export * from './tv';
+export {};

package/dist/runtime/types/utils.js

@@ -1 +0,0 @@
-export * from "./tv.js";

package/dist/runtime/utils/ai.d.ts

@@ -0,0 +1,2 @@
+import type { UIMessage } from 'ai';
+export declare function getTextFromMessage(message: UIMessage): string;

package/dist/runtime/utils/ai.js

@@ -0,0 +1,3 @@
+export function getTextFromMessage(message) {
+  return message.parts.filter((part) => part.type === "text").map((part) => part.text).join("");
+}

package/dist/runtime/utils/content.d.ts

@@ -0,0 +1,14 @@
+import type { ContentNavigationItem } from '@nuxt/content';
+type MapContentNavigationItemOptions = {
+    labelAttribute?: string;
+    deep?: number;
+};
+export declare function mapContentNavigationItem(item: ContentNavigationItem, options?: MapContentNavigationItemOptions, currentDepth?: number): Omit<ContentNavigationItem, "title" | "path"> & {
+    label?: string;
+    to?: string;
+};
+export declare function mapContentNavigation(navigation: ContentNavigationItem[], options?: MapContentNavigationItemOptions): (Omit<ContentNavigationItem, "title" | "path"> & {
+    label?: string;
+    to?: string;
+})[];
+export {};

package/dist/runtime/utils/content.js

@@ -0,0 +1,25 @@
+export function mapContentNavigationItem(item, options, currentDepth = 0) {
+  const navMap = {
+    [options?.labelAttribute || "title"]: "label",
+    path: "to"
+  };
+  const link = Object.keys(item).reduce((link2, key) => {
+    if (item[key]) {
+      const mappedKey = navMap[key] || key;
+      link2[mappedKey] = item[key];
+    }
+    return link2;
+  }, {});
+  const shouldRecurse = typeof options?.deep === "undefined" || currentDepth < options.deep;
+  if (shouldRecurse && Array.isArray(item.children)) {
+    link.children = item.children.map(
+      (child) => mapContentNavigationItem(child, options, currentDepth + 1)
+    );
+  } else {
+    link.children = [];
+  }
+  return link;
+}
+export function mapContentNavigation(navigation, options) {
+  return navigation.map((item) => mapContentNavigationItem(item, options));
+}

package/dist/runtime/utils/dashboard.d.ts

@@ -0,0 +1,10 @@
+import type { Ref } from 'vue';
+import type { UseResizableProps } from '../composables/useResizable';
+export interface DashboardContext extends Pick<UseResizableProps, 'storage' | 'storageKey' | 'persistent' | 'unit'> {
+    sidebarOpen?: Ref<boolean>;
+    sidebarCollapsed?: Ref<boolean>;
+    toggleSearch?: () => void;
+    toggleSidebar?: () => void;
+    collapseSidebar?: (collapsed: boolean) => void;
+}
+export declare const useDashboard: <T extends DashboardContext | null | undefined = DashboardContext>(fallback?: T | undefined) => T extends null ? DashboardContext | null : DashboardContext, provideDashboardContext: (contextValue: DashboardContext) => DashboardContext;

package/dist/runtime/utils/dashboard.js

@@ -0,0 +1,2 @@
+import { createContext } from "reka-ui";
+export const [useDashboard, provideDashboardContext] = createContext("DashboardGroup");

package/dist/runtime/utils/index.d.ts

@@ -1,4 +1,4 @@
-import type { GetItemKeys, NestedItem } from '../types';
+import type { GetItemKeys, NestedItem } from '../types/utils';
 export declare function pick<Data extends object, Keys extends keyof Data>(data: Data, keys: Keys[]): Pick<Data, Keys>;
 export declare function omit<Data extends object, Keys extends keyof Data>(data: Data, keys: Keys[]): Omit<Data, Keys>;
 export declare function get(object: Record<string, any> | undefined, path: (string | number)[] | string, defaultValue?: any): any;
@@ -11,3 +11,6 @@ export declare function getDisplayValue<T, V>(items: T[], value: V | undefined |
 }): string | undefined;
 export declare function isArrayOfArray<A>(item: A[] | A[][]): item is A[][];
 export declare function mergeClasses(appConfigClass?: string | string[], propClass?: string): "" | (string | undefined)[];
+export declare function getSlotChildrenText(children: any): any;
+export declare function transformUI(ui: any, uiProp?: any): any;
+export * from './content';

package/dist/runtime/utils/index.js

@@ -91,3 +91,17 @@ export function mergeClasses(appConfigClass, propClass) {
     propClass
   ].filter(Boolean);
 }
+export function getSlotChildrenText(children) {
+  return children.map((node) => {
+    if (!node.children || typeof node.children === "string") return node.children || "";
+    else if (Array.isArray(node.children)) return getSlotChildrenText(node.children);
+    else if (node.children.default) return getSlotChildrenText(node.children.default());
+  }).join("");
+}
+export function transformUI(ui, uiProp) {
+  return Object.entries(ui).reduce((acc, [key, value]) => {
+    acc[key] = typeof value === "function" ? value({ class: uiProp?.[key] }) : value;
+    return acc;
+  }, uiProp || {});
+}
+export * from "./content.js";

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

@@ -0,0 +1,35 @@
+<script>
+
+</script>
+
+<script setup>
+import { computed } from "vue";
+import { useAppConfig, useColorMode } from "#imports";
+import { useLocale } from "../../../composables/useLocale";
+import UButton from "../../../components/Button.vue";
+defineProps({
+  color: { type: null, required: false, default: "neutral" },
+  variant: { type: null, required: false, default: "ghost" }
+});
+const { t } = useLocale();
+const colorMode = useColorMode();
+const appConfig = useAppConfig();
+const isDark = computed({
+  get() {
+    return colorMode.value === "dark";
+  },
+  set(_isDark) {
+    colorMode.preference = _isDark ? "dark" : "light";
+  }
+});
+</script>
+
+<template>
+  <UButton
+    :icon="isDark ? appConfig.ui.icons.dark : appConfig.ui.icons.light"
+    :color="color"
+    :variant="variant"
+    :aria-label="isDark ? t('colorMode.switchToLight') : t('colorMode.switchToDark')"
+    @click="isDark = !isDark"
+  />
+</template>

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

@@ -0,0 +1,16 @@
+import type { ButtonProps } from '../../../types';
+export interface ColorModeButtonProps extends /** @vue-ignore */ Pick<ButtonProps, 'as' | 'size' | 'disabled' | 'ui'> {
+    /**
+     * @defaultValue 'neutral'
+     */
+    color?: ButtonProps['color'];
+    /**
+     * @defaultValue 'ghost'
+     */
+    variant?: ButtonProps['variant'];
+}
+declare const _default: import("vue").DefineComponent<ColorModeButtonProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeButtonProps> & Readonly<{}>, {
+    color: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
+    variant: "link" | "solid" | "outline" | "soft" | "subtle" | "ghost";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,38 @@
+<script>
+
+</script>
+
+<script setup>
+import { computed } from "vue";
+import { useAppConfig, useColorMode } from "#imports";
+import { useLocale } from "../../../composables/useLocale";
+import USelectMenu from "../../../components/SelectMenu.vue";
+defineOptions({ inheritAttrs: false });
+defineProps({});
+const { t } = useLocale();
+const colorMode = useColorMode();
+const appConfig = useAppConfig();
+const items = computed(() => [
+  { label: t("colorMode.system"), value: "system", icon: appConfig.ui.icons.system },
+  { label: t("colorMode.light"), value: "light", icon: appConfig.ui.icons.light },
+  { label: t("colorMode.dark"), value: "dark", icon: appConfig.ui.icons.dark }
+]);
+const preference = computed({
+  get() {
+    return items.value.find((option) => option.value === colorMode.preference) || items.value[0];
+  },
+  set(option) {
+    colorMode.preference = option.value;
+  }
+});
+</script>
+
+<template>
+  <USelectMenu
+    v-model="preference"
+    :icon="preference?.icon"
+    :search-input="false"
+    v-bind="$attrs"
+    :items="items"
+  />
+</template>

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

@@ -0,0 +1,5 @@
+import type { SelectMenuProps } from '../../../types';
+export interface ColorModeSelectProps extends /** @vue-ignore */ Pick<SelectMenuProps<any>, 'color' | 'variant' | 'size' | 'trailingIcon' | 'selectedIcon' | 'content' | 'arrow' | 'portal' | 'disabled' | 'ui'> {
+}
+declare const _default: import("vue").DefineComponent<ColorModeSelectProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSelectProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,33 @@
+<script>
+
+</script>
+
+<script setup>
+import { computed } from "vue";
+import { useAppConfig, useColorMode } from "#imports";
+import { useLocale } from "../../../composables/useLocale";
+import USwitch from "../../../components/Switch.vue";
+defineOptions({ inheritAttrs: false });
+defineProps({});
+const { t } = useLocale();
+const colorMode = useColorMode();
+const appConfig = useAppConfig();
+const isDark = computed({
+  get() {
+    return colorMode.value === "dark";
+  },
+  set(_isDark) {
+    colorMode.preference = _isDark ? "dark" : "light";
+  }
+});
+</script>
+
+<template>
+  <USwitch
+    v-model="isDark"
+    :checked-icon="appConfig.ui.icons.dark"
+    :unchecked-icon="appConfig.ui.icons.light"
+    :aria-label="isDark ? t('colorMode.switchToLight') : t('colorMode.switchToDark')"
+    v-bind="$attrs"
+  />
+</template>

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

@@ -0,0 +1,5 @@
+import type { SwitchProps } from '../../../types';
+export interface ColorModeSwitchProps extends /** @vue-ignore */ Pick<SwitchProps, 'as' | 'color' | 'size' | 'disabled' | 'ui'> {
+}
+declare const _default: import("vue").DefineComponent<ColorModeSwitchProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSwitchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/vue/stubs.d.ts

@@ -12,7 +12,7 @@ export declare const useColorMode: () => {
     preference?: undefined;
     readonly value?: undefined;
 } | {
-    preference: "system" | "light" | "dark";
+    preference: "dark" | "light" | "system";
     readonly value: import("@vueuse/core").BasicColorMode;
     forced: boolean;
 };