@nuxt/ui 4.2.0 → 4.3.0

package/dist/runtime/components/content/ContentSearchButton.vue.d.ts

@@ -1,9 +1,9 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/content/content-search-button';
-import type { ButtonProps, ButtonSlots, IconProps, KbdProps, TooltipProps } from '../../types';
+import type { ButtonProps, ButtonSlots, IconProps, KbdProps, TooltipProps, LinkPropsKeys } from '../../types';
 import type { ComponentConfig } from '../../types/tv';
 type ContentSearchButton = ComponentConfig<typeof theme, AppConfig, 'contentSearchButton'>;
-export interface ContentSearchButtonProps extends Omit<ButtonProps, 'icon' | 'label' | 'color' | 'variant'> {
+export interface ContentSearchButtonProps extends Omit<ButtonProps, LinkPropsKeys | 'icon' | 'label' | 'color' | 'variant'> {
     /**
      * The icon displayed in the button.
      * @defaultValue appConfig.ui.icons.search
@@ -44,12 +44,7 @@ export interface ContentSearchButtonProps extends Omit<ButtonProps, 'icon' | 'la
     ui?: ContentSearchButton['slots'] & ButtonProps['ui'];
     class?: any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ContentSearchButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ContentSearchButtonProps> & Readonly<{}>, {
-    color: "error" | "info" | "primary" | "secondary" | "success" | "warning" | "neutral";
-    tooltip: boolean | TooltipProps;
-    kbds: KbdProps["value"][] | KbdProps[];
-    collapsed: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ButtonSlots>;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ContentSearchButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ContentSearchButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ButtonSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/content/ContentSurround.d.vue.ts

@@ -46,7 +46,9 @@ export interface ContentSurroundSlots<T extends ContentSurroundLink = ContentSur
     'link-description': SlotProps<T>;
 }
 declare const __VLS_export: <T extends ContentSurroundLink>(__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<ContentSurroundProps<T>> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<ContentSurroundProps<T>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: ContentSurroundSlots<T>;

package/dist/runtime/components/content/ContentSurround.vue

@@ -13,8 +13,8 @@ import UIcon from "../Icon.vue";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   as: { type: null, required: false },
-  prevIcon: { type: [String, Object], required: false },
-  nextIcon: { type: [String, Object], required: false },
+  prevIcon: { type: null, required: false },
+  nextIcon: { type: null, required: false },
   surround: { type: Array, required: false },
   class: { type: null, required: false },
   ui: { type: null, required: false }

package/dist/runtime/components/content/ContentSurround.vue.d.ts

@@ -46,7 +46,9 @@ export interface ContentSurroundSlots<T extends ContentSurroundLink = ContentSur
     'link-description': SlotProps<T>;
 }
 declare const __VLS_export: <T extends ContentSurroundLink>(__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<ContentSurroundProps<T>> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<ContentSurroundProps<T>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: ContentSurroundSlots<T>;

package/dist/runtime/components/content/ContentToc.d.vue.ts

@@ -73,10 +73,9 @@ export interface ContentTocSlots<T extends ContentTocLink = ContentTocLink> {
     }): any;
 }
 declare const __VLS_export: <T extends ContentTocLink>(__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<ContentTocProps<T> & {
-        "onUpdate:open"?: ((value: boolean) => any) | undefined;
-        onMove?: ((id: string) => any) | undefined;
-    }> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<ContentTocProps<T> & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "update:open", value: boolean) => void) & ((evt: "move", id: string) => void)>>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: ContentTocSlots<T>;

package/dist/runtime/components/content/ContentToc.vue

@@ -14,7 +14,7 @@ import UIcon from "../Icon.vue";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   as: { type: null, required: false, default: "nav" },
-  trailingIcon: { type: [String, Object], required: false },
+  trailingIcon: { type: null, required: false },
   title: { type: String, required: false },
   color: { type: null, required: false },
   highlight: { type: Boolean, required: false },

package/dist/runtime/components/content/ContentToc.vue.d.ts

@@ -73,10 +73,9 @@ export interface ContentTocSlots<T extends ContentTocLink = ContentTocLink> {
     }): any;
 }
 declare const __VLS_export: <T extends ContentTocLink>(__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<ContentTocProps<T> & {
-        "onUpdate:open"?: ((value: boolean) => any) | undefined;
-        onMove?: ((id: string) => any) | undefined;
-    }> & import("vue").PublicProps;
+    props: __VLS_PrettifyLocal<ContentTocProps<T> & __VLS_EmitsToProps<__VLS_NormalizeEmits<((evt: "update:open", value: boolean) => void) & ((evt: "move", id: string) => void)>>> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: ContentTocSlots<T>;

package/dist/runtime/components/locale/LocaleSelect.d.vue.ts

@@ -11,10 +11,6 @@ declare const __VLS_export: import("vue").DefineComponent<LocaleSelectProps & {
     modelValue: string;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {
-    valueKey: "code";
-    labelKey: string;
-    searchInput: boolean | import("../Input.vue").InputProps;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/locale/LocaleSelect.vue

@@ -16,8 +16,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 },
@@ -26,6 +26,7 @@ const props = defineProps({
   labelKey: { type: null, required: false, default: "name" },
   descriptionKey: { type: null, required: false },
   defaultValue: { type: null, required: false },
+  modelModifiers: { type: Object, required: false },
   multiple: { type: Boolean, required: false },
   highlight: { type: Boolean, required: false },
   createItem: { type: [Boolean, String, Object], required: false },
@@ -42,13 +43,13 @@ const props = defineProps({
   resetSearchTermOnBlur: { type: Boolean, required: false },
   resetSearchTermOnSelect: { type: Boolean, required: false },
   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 selectMenuProps = useForwardProps(reactiveOmit(props, "locales"));
 const modelValue = defineModel({ type: String, ...{ required: true } });
@@ -68,8 +69,8 @@ function getEmojiFlag(locale) {
     // Danish -> Denmark
     el: "gr",
     // Greek -> Greece
-    en: "gb",
-    // English -> Great Britain
+    en: "us",
+    // English -> United States (default)
     et: "ee",
     // Estonian -> Estonia
     gl: "es",
@@ -111,8 +112,14 @@ function getEmojiFlag(locale) {
     vi: "vn"
     // Vietnamese -> Vietnam
   };
+  if (locale.includes("-")) {
+    const countryCode2 = locale.split("-")[1]?.toLowerCase();
+    if (countryCode2) {
+      return countryCode2.toUpperCase().split("").map((char) => String.fromCodePoint(127397 + char.charCodeAt(0))).join("");
+    }
+  }
   const baseLanguage = locale.split("-")[0]?.toLowerCase() || locale;
-  const countryCode = languageToCountry[baseLanguage] || locale.replace(/^.*-/, "").slice(0, 2);
+  const countryCode = languageToCountry[baseLanguage] || locale.slice(0, 2);
   return countryCode.toUpperCase().split("").map((char) => String.fromCodePoint(127397 + char.charCodeAt(0))).join("");
 }
 </script>

package/dist/runtime/components/locale/LocaleSelect.vue.d.ts

@@ -11,10 +11,6 @@ declare const __VLS_export: import("vue").DefineComponent<LocaleSelectProps & {
     modelValue: string;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {
-    valueKey: "code";
-    labelKey: string;
-    searchInput: boolean | import("../Input.vue").InputProps;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/prose/Accordion.d.vue.ts

@@ -11,9 +11,7 @@ export interface ProseAccordionProps {
 export interface ProseAccordionSlots {
     default(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseAccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseAccordionProps> & Readonly<{}>, {
-    type: "single" | "multiple";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseAccordionSlots>;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseAccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseAccordionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseAccordionSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/prose/Accordion.vue.d.ts

@@ -11,9 +11,7 @@ export interface ProseAccordionProps {
 export interface ProseAccordionSlots {
     default(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseAccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseAccordionProps> & Readonly<{}>, {
-    type: "single" | "multiple";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseAccordionSlots>;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseAccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseAccordionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseAccordionSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/prose/Callout.vue

@@ -12,7 +12,7 @@ defineOptions({ inheritAttrs: false });
 const props = defineProps({
   to: { type: null, required: false },
   target: { type: [String, Object, null], required: false },
-  icon: { type: [String, Object], required: false },
+  icon: { type: null, required: false },
   color: { type: null, required: false },
   class: { type: null, required: false },
   ui: { type: null, required: false }
@@ -32,7 +32,6 @@ const target = computed(() => props.target || (!!props.to && typeof props.to ===
       v-if="to"
       v-bind="{ to, target, ...$attrs }"
       class="focus:outline-none"
-      tabindex="-1"
       raw
     >
       <span class="absolute inset-0" aria-hidden="true" />

package/dist/runtime/components/prose/Card.vue

@@ -12,7 +12,7 @@ defineOptions({ inheritAttrs: false });
 const props = defineProps({
   to: { type: null, required: false },
   target: { type: [String, Object, null], required: false },
-  icon: { type: [String, Object], required: false },
+  icon: { type: null, required: false },
   title: { type: String, required: false },
   description: { type: String, required: false },
   color: { type: null, required: false },
@@ -37,7 +37,6 @@ const ariaLabel = computed(() => (props.title || "Card link").trim());
       :aria-label="ariaLabel"
       v-bind="{ to, target, ...$attrs }"
       class="focus:outline-none"
-      tabindex="-1"
       raw
     >
       <span class="absolute inset-0" aria-hidden="true" />

package/dist/runtime/components/prose/CodeCollapse.vue

@@ -9,7 +9,7 @@ import { useLocale } from "../../composables/useLocale";
 import { tv } from "../../utils/tv";
 import UButton from "../Button.vue";
 const props = defineProps({
-  icon: { type: [String, Object], required: false },
+  icon: { type: null, required: false },
   name: { type: String, required: false },
   openText: { type: String, required: false },
   closeText: { type: String, required: false },

package/dist/runtime/components/prose/CodeGroup.d.vue.ts

@@ -26,9 +26,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseC
     modelValue?: string;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
-}>, {
-    defaultValue: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCodeGroupSlots>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCodeGroupSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/prose/CodeGroup.vue.d.ts

@@ -26,9 +26,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseC
     modelValue?: string;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
-}>, {
-    defaultValue: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCodeGroupSlots>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCodeGroupSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/prose/CodeIcon.vue

@@ -8,7 +8,7 @@ import { defu } from "defu";
 import { useAppConfig } from "#imports";
 import UIcon from "../Icon.vue";
 const props = defineProps({
-  icon: { type: [String, Object], required: false },
+  icon: { type: null, required: false },
   filename: { type: String, required: false }
 });
 const appConfig = useAppConfig();

package/dist/runtime/components/prose/CodeTree.d.vue.ts

@@ -1,8 +1,20 @@
+import { TreeItem } from 'reka-ui';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/prose/code-tree';
 import type { ComponentConfig } from '../../types/tv';
 type ProseCodeTree = ComponentConfig<typeof theme, AppConfig, 'codeTree', 'ui.prose'>;
+type TreeItem = {
+    label: string;
+    icon?: string;
+    component: any;
+};
 export interface ProseCodeTreeProps {
+    items?: TreeItem[];
+    /**
+     * The selected path.
+     * @example 'package.json'
+     */
+    modelValue?: string;
     /**
      * The default path to select.
      * @example 'package.json'
@@ -16,10 +28,17 @@ export interface ProseCodeTreeProps {
     class?: any;
     ui?: ProseCodeTree['slots'];
 }
+export interface ProseCodeTreeEmits {
+    'update:modelValue': [value: string | undefined];
+}
 export interface ProseCodeTreeSlots {
     default(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseCodeTreeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseCodeTreeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCodeTreeSlots>;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseCodeTreeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<ProseCodeTreeProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCodeTreeSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/prose/CodeTree.vue

@@ -3,7 +3,7 @@ import theme from "#build/ui/prose/code-tree";
 </script>
 
 <script setup>
-import { computed, ref, watch, onBeforeUpdate } from "vue";
+import { computed, watch, onBeforeUpdate, ref } from "vue";
 import { TreeRoot, TreeItem } from "reka-ui";
 import { createReusableTemplate } from "@vueuse/core";
 import { useAppConfig } from "#imports";
@@ -12,21 +12,40 @@ import UCodeIcon from "./CodeIcon.vue";
 import UIcon from "../Icon.vue";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
+  items: { type: Array, required: false },
+  modelValue: { type: String, required: false },
   defaultValue: { type: String, required: false },
   expandAll: { type: Boolean, required: false },
   class: { type: null, required: false },
   ui: { type: null, required: false }
 });
+const emits = defineEmits(["update:modelValue"]);
 const slots = defineSlots();
 const appConfig = useAppConfig();
 const [DefineTreeTemplate, ReuseTreeTemplate] = createReusableTemplate();
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.codeTree || {} })());
-const model = ref(props.defaultValue ? { path: props.defaultValue } : void 0);
+const initialPath = props.modelValue ?? props.defaultValue;
+const model = ref(initialPath ? { path: initialPath } : void 0);
 const lastSelectedItem = ref();
+watch(model, (value) => {
+  if (value?.path !== props.modelValue) {
+    emits("update:modelValue", value?.path);
+  }
+});
+watch(() => props.modelValue, (value) => {
+  if (value === model.value?.path) return;
+  model.value = value ? { path: value } : void 0;
+  const pathsToExpand = getExpandedPaths(value);
+  for (const path of pathsToExpand) {
+    if (!expanded.value.includes(path)) {
+      expanded.value.push(path);
+    }
+  }
+});
 const rerenderCount = ref(1);
 const flatItems = computed(() => {
   rerenderCount.value;
-  return slots.default?.()?.flatMap(transformSlot).filter(Boolean) || [];
+  return props.items || slots.default?.()?.flatMap(transformSlot).filter(Boolean) || [];
 });
 const items = computed(() => buildTree(flatItems.value));
 function buildTree(items2) {
@@ -63,7 +82,7 @@ function transformSlot(slot, index) {
     component: slot
   };
 }
-const expanded = computed(() => {
+function getExpandedPaths(path) {
   if (props.expandAll) {
     const allPaths = /* @__PURE__ */ new Set();
     flatItems.value.forEach((item) => {
@@ -74,13 +93,18 @@ const expanded = computed(() => {
     });
     return Array.from(allPaths);
   }
-  const path = model.value?.path;
   if (!path) {
     return [];
   }
   const parts = path.split("/");
-  return parts.map((_, index) => parts.slice(0, index + 1).join("/"));
-});
+  return parts.slice(0, -1).map((_, index) => parts.slice(0, index + 1).join("/"));
+}
+const expanded = ref(getExpandedPaths(model.value?.path));
+watch(flatItems, () => {
+  if (props.expandAll) {
+    expanded.value = getExpandedPaths();
+  }
+}, { immediate: true });
 watch(model, (value) => {
   const item = flatItems.value.find((item2) => value?.path === item2.label);
   if (item?.component) {
@@ -145,10 +169,10 @@ onBeforeUpdate(() => rerenderCount.value++);
   <div v-bind="$attrs" :class="ui.root({ class: [props.ui?.root, props.class] })">
     <TreeRoot
       v-model="model"
+      v-model:expanded="expanded"
       :class="ui.list({ class: props.ui?.list })"
       :items="items"
       :get-key="(item2) => item2.path"
-      :default-expanded="expanded"
     >
       <ReuseTreeTemplate :items="items" :level="1" />
     </TreeRoot>

package/dist/runtime/components/prose/CodeTree.vue.d.ts

@@ -1,8 +1,20 @@
+import { TreeItem } from 'reka-ui';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/prose/code-tree';
 import type { ComponentConfig } from '../../types/tv';
 type ProseCodeTree = ComponentConfig<typeof theme, AppConfig, 'codeTree', 'ui.prose'>;
+type TreeItem = {
+    label: string;
+    icon?: string;
+    component: any;
+};
 export interface ProseCodeTreeProps {
+    items?: TreeItem[];
+    /**
+     * The selected path.
+     * @example 'package.json'
+     */
+    modelValue?: string;
     /**
      * The default path to select.
      * @example 'package.json'
@@ -16,10 +28,17 @@ export interface ProseCodeTreeProps {
     class?: any;
     ui?: ProseCodeTree['slots'];
 }
+export interface ProseCodeTreeEmits {
+    'update:modelValue': [value: string | undefined];
+}
 export interface ProseCodeTreeSlots {
     default(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseCodeTreeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseCodeTreeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCodeTreeSlots>;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseCodeTreeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<ProseCodeTreeProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCodeTreeSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/prose/Collapsible.vue

@@ -11,7 +11,7 @@ import { tv } from "../../utils/tv";
 import UCollapsible from "../Collapsible.vue";
 import UIcon from "../Icon.vue";
 const props = defineProps({
-  icon: { type: [String, Object], required: false },
+  icon: { type: null, required: false },
   name: { type: String, required: false },
   openText: { type: String, required: false },
   closeText: { type: String, required: false },

package/dist/runtime/components/prose/Img.d.vue.ts

@@ -15,8 +15,6 @@ export interface ProseImgProps {
     zoom?: boolean;
     ui?: ProseImg['slots'];
 }
-declare const __VLS_export: import("vue").DefineComponent<ProseImgProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseImgProps> & Readonly<{}>, {
-    zoom: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<ProseImgProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseImgProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/prose/Img.vue.d.ts

@@ -15,8 +15,6 @@ export interface ProseImgProps {
     zoom?: boolean;
     ui?: ProseImg['slots'];
 }
-declare const __VLS_export: import("vue").DefineComponent<ProseImgProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseImgProps> & Readonly<{}>, {
-    zoom: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<ProseImgProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseImgProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/prose/Pre.vue

@@ -11,7 +11,7 @@ import { tv } from "../../utils/tv";
 import UCodeIcon from "./CodeIcon.vue";
 import UButton from "../Button.vue";
 const props = defineProps({
-  icon: { type: [String, Object], required: false },
+  icon: { type: null, required: false },
   code: { type: String, required: false },
   language: { type: String, required: false },
   filename: { type: String, required: false },

package/dist/runtime/components/prose/Tabs.d.vue.ts

@@ -31,9 +31,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseT
     modelValue?: string;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
-}>, {
-    defaultValue: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTabsSlots>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTabsSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/prose/Tabs.vue.d.ts

@@ -31,9 +31,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseT
     modelValue?: string;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
-}>, {
-    defaultValue: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTabsSlots>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTabsSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/prose/callout/Caution.d.vue.ts

@@ -1,8 +1,8 @@
-declare var __VLS_6: {
+declare var __VLS_7: {
     mdcUnwrap: string;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/prose/callout/Caution.vue.d.ts

@@ -1,8 +1,8 @@
-declare var __VLS_6: {
+declare var __VLS_7: {
     mdcUnwrap: string;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/prose/callout/Note.d.vue.ts

@@ -1,8 +1,8 @@
-declare var __VLS_6: {
+declare var __VLS_7: {
     mdcUnwrap: string;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/prose/callout/Note.vue.d.ts

@@ -1,8 +1,8 @@
-declare var __VLS_6: {
+declare var __VLS_7: {
     mdcUnwrap: string;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/prose/callout/Tip.d.vue.ts

@@ -1,8 +1,8 @@
-declare var __VLS_6: {
+declare var __VLS_7: {
     mdcUnwrap: string;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/prose/callout/Tip.vue.d.ts

@@ -1,8 +1,8 @@
-declare var __VLS_6: {
+declare var __VLS_7: {
     mdcUnwrap: string;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/prose/callout/Warning.d.vue.ts

@@ -1,8 +1,8 @@
-declare var __VLS_6: {
+declare var __VLS_7: {
     mdcUnwrap: string;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;