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

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

@@ -0,0 +1,59 @@
+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 { ComponentConfig } from '../../types/tv';
+type ContentSearchButton = ComponentConfig<typeof theme, AppConfig, 'contentSearchButton'>;
+export interface ContentSearchButtonProps {
+    /**
+     * The icon displayed in the button.
+     * @defaultValue appConfig.ui.icons.search
+     * @IconifyIcon
+     */
+    icon?: IconProps['name'];
+    /**
+     * The label displayed in the button.
+     * @defaultValue t('contentSearchButton.label')
+     */
+    label?: string;
+    /**
+     * The color of the button.
+     * @defaultValue 'neutral'
+     */
+    color?: ButtonProps['color'];
+    /**
+     * The variant of the button.
+     * Defaults to 'outline' when not collapsed, 'ghost' when collapsed.
+     */
+    variant?: ButtonProps['variant'];
+    size?: ButtonProps['size'];
+    /**
+     * Whether the button is collapsed.
+     * @defaultValue true
+     */
+    collapsed?: boolean;
+    /**
+     * Display a tooltip on the button when is collapsed with the button label.
+     * This has priority over the global `tooltip` prop.
+     */
+    tooltip?: boolean | TooltipProps;
+    /**
+     * The keyboard keys to display in the button.
+     * `{ variant: 'subtle' }`{lang="ts-type"}
+     * @defaultValue ['meta', 'k']
+     */
+    kbds?: KbdProps['value'][] | KbdProps[];
+    ui?: ContentSearchButton['slots'] & ButtonProps['ui'];
+    class?: any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ContentSearchButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ContentSearchButtonProps> & Readonly<{}>, {
+    color: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
+    tooltip: boolean | TooltipProps;
+    kbds: KbdProps["value"][] | KbdProps[];
+    collapsed: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ButtonSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -30,7 +30,7 @@ const props = defineProps({
 });
 const slots = defineSlots();
 const [DefineButtonTemplate, ReuseButtonTemplate] = createReusableTemplate();
-const proxySlots = omit(slots, ["trailing"]);
+const getProxySlots = () => omit(slots, ["trailing"]);
 const rootProps = useForwardProps(reactivePick(props, "color", "size"));
 const tooltipProps = toRef(() => defu(typeof props.tooltip === "boolean" ? {} : props.tooltip, { delayDuration: 0, content: { side: "right" } }));
 const { t } = useLocale();
@@ -58,7 +58,7 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.contentSearch
       :ui="transformUI(ui, props.ui)"
       @click="open = true"
     >
-      <template v-for="(_, name) in proxySlots" #[name]="slotData">
+      <template v-for="(_, name) in getProxySlots()" #[name]="slotData">
         <slot :name="name" v-bind="slotData" />
       </template>
 

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

@@ -0,0 +1,59 @@
+import type { ContentNavigationItem } from '@nuxt/content';
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/content/content-surround';
+import type { IconProps } from '../../types';
+import type { ComponentConfig } from '../../types/tv';
+type ContentSurround = ComponentConfig<typeof theme, AppConfig, 'contentSurround'>;
+export interface ContentSurroundLink extends ContentNavigationItem {
+    description?: string;
+    /**
+     * @IconifyIcon
+     */
+    icon?: IconProps['name'];
+    class?: any;
+    ui?: Pick<ContentSurround['slots'], 'link' | 'linkLeading' | 'linkLeadingIcon' | 'linkTitle' | 'linkDescription'>;
+}
+export interface ContentSurroundProps<T extends ContentSurroundLink = ContentSurroundLink> {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'div'
+     */
+    as?: any;
+    /**
+     * The icon displayed in the prev link.
+     * @defaultValue appConfig.ui.icons.arrowLeft
+     * @IconifyIcon
+     */
+    prevIcon?: IconProps['name'];
+    /**
+     * The icon displayed in the next link.
+     * @defaultValue appConfig.ui.icons.arrowRight
+     * @IconifyIcon
+     */
+    nextIcon?: IconProps['name'];
+    surround?: T[];
+    class?: any;
+    ui?: ContentSurround['slots'];
+}
+type SlotProps<T> = (props: {
+    link: T;
+}) => any;
+export interface ContentSurroundSlots<T extends ContentSurroundLink = ContentSurroundLink> {
+    'link': SlotProps<T>;
+    'link-leading': SlotProps<T>;
+    'link-title': SlotProps<T>;
+    'link-description': SlotProps<T>;
+}
+declare const _default: <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<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & ContentSurroundProps<T> & {}> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: ContentSurroundSlots<T>;
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

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

@@ -0,0 +1,88 @@
+import type { CollapsibleRootProps, CollapsibleRootEmits } from 'reka-ui';
+import type { TocLink } from '@nuxt/content';
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/content/content-toc';
+import type { IconProps } from '../../types';
+import type { ComponentConfig } from '../../types/tv';
+type ContentToc = ComponentConfig<typeof theme, AppConfig, 'contentToc'>;
+export type ContentTocLink = TocLink & {
+    class?: any;
+    ui?: Pick<ContentToc['slots'], 'item' | 'itemWithChildren' | 'link' | 'linkText'>;
+};
+export interface ContentTocProps<T extends ContentTocLink = ContentTocLink> extends Pick<CollapsibleRootProps, 'defaultOpen' | 'open'> {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'nav'
+     */
+    as?: any;
+    /**
+     * The icon displayed to collapse the content.
+     * @defaultValue appConfig.ui.icons.chevronDown
+     * @IconifyIcon
+     */
+    trailingIcon?: IconProps['name'];
+    /**
+     * The title of the table of contents.
+     * @defaultValue t('contentToc.title')
+     */
+    title?: string;
+    /**
+     * @defaultValue 'primary'
+     */
+    color?: ContentToc['variants']['color'];
+    /**
+     * Display a line next to the active link.
+     * @defaultValue false
+     */
+    highlight?: boolean;
+    /**
+     * @defaultValue 'primary'
+     */
+    highlightColor?: ContentToc['variants']['highlightColor'];
+    links?: T[];
+    class?: any;
+    ui?: ContentToc['slots'];
+}
+export type ContentTocEmits = CollapsibleRootEmits & {
+    move: [id: string];
+};
+type SlotProps<T> = (props: {
+    link: T;
+}) => any;
+export interface ContentTocSlots<T extends ContentTocLink = ContentTocLink> {
+    leading(props: {
+        open: boolean;
+    }): any;
+    default(props: {
+        open: boolean;
+    }): any;
+    trailing(props: {
+        open: boolean;
+    }): any;
+    content(props: {
+        links: T[];
+    }): any;
+    link: SlotProps<T>;
+    top(props: {
+        links?: T[];
+    }): any;
+    bottom(props: {
+        links?: T[];
+    }): any;
+}
+declare const _default: <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<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
+        readonly onMove?: ((id: string) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:open" | "onMove"> & ContentTocProps<T> & {}> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: ContentTocSlots<T>;
+    emit: ((evt: "update:open", value: boolean) => void) & ((evt: "move", id: string) => void);
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

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

@@ -0,0 +1,15 @@
+import type { SelectMenuProps } from '../../types';
+import type { Locale } from '../../types/locale';
+export interface LocaleSelectProps extends /** @vue-ignore */ Pick<SelectMenuProps<any>, 'color' | 'variant' | 'size' | 'trailingIcon' | 'selectedIcon' | 'content' | 'arrow' | 'portal' | 'disabled' | 'ui'> {
+    locales?: Locale<any>[];
+}
+declare const _default: import("vue").DefineComponent<LocaleSelectProps & {
+    modelValue?: string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<LocaleSelectProps & {
+    modelValue?: string;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,15 @@
+export interface ProseAProps {
+    href?: string;
+    target?: '_blank' | '_parent' | '_self' | '_top' | (string & object) | null | undefined;
+    class?: any;
+}
+export interface ProseASlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseAProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseAProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseASlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,16 @@
+export interface ProseAccordionProps {
+    type?: 'single' | 'multiple';
+    class?: any;
+}
+export interface ProseAccordionSlots {
+    default(props?: {}): any;
+}
+declare const _default: __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>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,15 @@
+export interface ProseAccordionItemProps {
+    label: string;
+    description?: string;
+    class?: any;
+}
+export interface ProseAccordionItemSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseAccordionItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseAccordionItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseAccordionItemSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,13 @@
+export interface ProseBadgeProps {
+    class?: any;
+}
+export interface ProseBadgeSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseBadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseBadgeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseBadgeSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,13 @@
+export interface ProseBlockquoteProps {
+    class?: any;
+}
+export interface ProseBlockquoteSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseBlockquoteProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseBlockquoteProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseBlockquoteSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,26 @@
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/prose/callout';
+import type { IconProps, LinkProps } from '../../types';
+import type { ComponentConfig } from '../../types/tv';
+type ProseCallout = ComponentConfig<typeof theme, AppConfig, 'callout', 'ui.prose'>;
+export interface ProseCalloutProps {
+    to?: LinkProps['to'];
+    target?: LinkProps['target'];
+    icon?: IconProps['name'];
+    /**
+     * @defaultValue 'neutral'
+     */
+    color?: ProseCallout['variants']['color'];
+    class?: any;
+    ui?: ProseCallout['slots'];
+}
+export interface ProseCalloutSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseCalloutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseCalloutProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCalloutSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,29 @@
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/prose/card';
+import type { IconProps, LinkProps } from '../../types';
+import type { ComponentConfig } from '../../types/tv';
+type ProseCard = ComponentConfig<typeof theme, AppConfig, 'card', 'ui.prose'>;
+export interface ProseCardProps {
+    to?: LinkProps['to'];
+    target?: LinkProps['target'];
+    icon?: IconProps['name'];
+    title?: string;
+    description?: string;
+    /**
+     * @defaultValue 'primary'
+     */
+    color?: ProseCard['variants']['color'];
+    class?: any;
+    ui?: ProseCard['slots'];
+}
+export interface ProseCardSlots {
+    default(props?: {}): any;
+    title(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseCardProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCardSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,13 @@
+export interface ProseCardGroupProps {
+    class?: any;
+}
+export interface ProseCardGroupSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseCardGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseCardGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCardGroupSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,22 @@
+import type { AppConfig } from '@nuxt/schema';
+import type { ComponentConfig } from '../../types/tv';
+import theme from '#build/ui/prose/code';
+type ProseCode = ComponentConfig<typeof theme, AppConfig, 'code', 'ui.prose'>;
+export interface ProseCodeProps {
+    lang?: string;
+    /**
+     * @defaultValue 'neutral'
+     */
+    color?: ProseCode['variants']['color'];
+    class?: any;
+}
+export interface ProseCodeSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseCodeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseCodeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCodeSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,47 @@
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/prose/code-collapse';
+import type { IconProps } from '../../types';
+import type { ComponentConfig } from '../../types/tv';
+type ProseCodeCollapse = ComponentConfig<typeof theme, AppConfig, 'codeCollapse', 'ui.prose'>;
+export interface ProseCodeCollapseProps {
+    /**
+     * The icon displayed to toggle the code.
+     * @defaultValue appConfig.ui.icons.chevronDown
+     */
+    icon?: IconProps['name'];
+    /**
+     * The name displayed in the trigger label.
+     * @defaultValue t('prose.codeCollapse.name')
+     */
+    name?: string;
+    /**
+     * The text displayed when the code is collapsed.
+     * @defaultValue t('prose.codeCollapse.openText')
+     */
+    openText?: string;
+    /**
+     * The text displayed when the code is expanded.
+     * @defaultValue t('prose.codeCollapse.closeText')
+     */
+    closeText?: string;
+    class?: any;
+    ui?: ProseCodeCollapse['slots'];
+}
+export interface ProseCodeCollapseSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseCodeCollapseProps & {
+    open?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<ProseCodeCollapseProps & {
+    open?: boolean;
+}> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCodeCollapseSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,37 @@
+import type { AppConfig } from '@nuxt/schema';
+import type { ComponentConfig } from '../../types/tv';
+import theme from '#build/ui/prose/code-group';
+type ProseCodeGroup = ComponentConfig<typeof theme, AppConfig, 'codeGroup', 'ui.prose'>;
+export interface ProseCodeGroupProps {
+    /**
+     * The default tab to select.
+     * @example '1'
+     */
+    defaultValue?: string;
+    /**
+     * Sync the selected tab with a local storage key.
+     */
+    sync?: string;
+    class?: any;
+    ui?: ProseCodeGroup['slots'];
+}
+export interface ProseCodeGroupSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseCodeGroupProps & {
+    modelValue?: string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<ProseCodeGroupProps & {
+    modelValue?: string;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {
+    defaultValue: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCodeGroupSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,7 @@
+import type { IconProps } from '../../types';
+export interface ProseCodeIconProps {
+    icon?: IconProps['name'];
+    filename?: string;
+}
+declare const _default: import("vue").DefineComponent<ProseCodeIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseCodeIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,19 @@
+import type { AppConfig } from '@nuxt/schema';
+import type { ComponentConfig } from '../../types/tv';
+import theme from '#build/ui/prose/code-preview';
+type ProseCodePreview = ComponentConfig<typeof theme, AppConfig, 'codePreview', 'ui.prose'>;
+export interface ProseCodePreviewProps {
+    class?: any;
+    ui?: ProseCodePreview['slots'];
+}
+export interface ProseCodePreviewSlots {
+    default(props?: {}): any;
+    code(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseCodePreviewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseCodePreviewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCodePreviewSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,28 @@
+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'>;
+export interface ProseCodeTreeProps {
+    /**
+     * The default path to select.
+     * @example 'package.json'
+     */
+    defaultValue?: string;
+    /**
+     * Expand all directories by default.
+     * @defaultValue false
+     */
+    expandAll?: boolean;
+    class?: any;
+    ui?: ProseCodeTree['slots'];
+}
+export interface ProseCodeTreeSlots {
+    default(props?: {}): any;
+}
+declare const _default: __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>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -92,43 +92,50 @@ onBeforeUpdate(() => rerenderCount.value++);
 
 <template>
   <DefineTreeTemplate v-slot="{ items, level }">
-    <li
+    <TreeItem
       v-for="(item, index) in items"
       :key="`${level}-${index}`"
-      :class="level > 0 ? ui.itemWithChildren({ class: props.ui?.itemWithChildren }) : ui.item({ class: props.ui?.item })"
+      v-slot="{ isExpanded, isSelected }"
+      :level="level"
+      :value="item"
+      :class="level > 1 ? ui.itemWithChildren({ class: props.ui?.itemWithChildren }) : ui.item({ class: props.ui?.item })"
     >
-      <TreeItem
-        v-slot="{ isExpanded, isSelected }"
-        as-child
-        :level="level"
-        :value="item"
+      <button
+        type="button"
+        :data-expanded="isExpanded"
+        :class="ui.link({ class: props.ui?.link, active: isSelected })"
       >
-        <button :class="ui.link({ class: props.ui?.link, active: isSelected })">
-          <UIcon
-            v-if="item.children?.length"
-            :name="isExpanded ? appConfig.ui.icons.folderOpen : appConfig.ui.icons.folder"
-            :class="ui.linkLeadingIcon({ class: props.ui?.linkLeadingIcon })"
-          />
-          <UCodeIcon
-            v-else
-            :filename="item.label"
-            :class="ui.linkLeadingIcon({ class: props.ui?.linkLeadingIcon })"
-          />
+        <UIcon
+          v-if="item.children?.length"
+          :name="isExpanded ? appConfig.ui.icons.folderOpen : appConfig.ui.icons.folder"
+          :class="ui.linkLeadingIcon({ class: props.ui?.linkLeadingIcon })"
+        />
+        <UCodeIcon
+          v-else
+          :filename="item.label"
+          :class="ui.linkLeadingIcon({ class: props.ui?.linkLeadingIcon })"
+        />
 
-          <span :class="ui.linkLabel({ class: props.ui?.linkLabel })">
-            {{ item.label }}
-          </span>
+        <span :class="ui.linkLabel({ class: props.ui?.linkLabel })">
+          {{ item.label }}
+        </span>
 
-          <span v-if="item.children?.length" :class="ui.linkTrailing({ class: props.ui?.linkTrailing })">
-            <UIcon :name="appConfig.ui.icons.chevronDown" :class="ui.linkTrailingIcon({ class: props.ui?.linkTrailingIcon })" />
-          </span>
-        </button>
+        <span v-if="item.children?.length" :class="ui.linkTrailing({ class: props.ui?.linkTrailing })">
+          <UIcon
+            :name="appConfig.ui.icons.chevronDown"
+            :class="ui.linkTrailingIcon({ class: props.ui?.linkTrailingIcon })"
+          />
+        </span>
+      </button>
 
-        <ul v-if="item.children?.length && isExpanded" :class="ui.listWithChildren({ class: props.ui?.listWithChildren })">
-          <ReuseTreeTemplate :items="item.children" :level="level + 1" />
-        </ul>
-      </TreeItem>
-    </li>
+      <ul
+        v-if="item.children?.length && isExpanded"
+        role="group"
+        :class="ui.listWithChildren({ class: props.ui?.listWithChildren })"
+      >
+        <ReuseTreeTemplate :items="item.children" :level="level + 1" />
+      </ul>
+    </TreeItem>
   </DefineTreeTemplate>
 
   <div v-bind="$attrs" :class="ui.root({ class: [props.ui?.root, props.class] })">
@@ -139,7 +146,7 @@ onBeforeUpdate(() => rerenderCount.value++);
       :get-key="(item2) => item2.path"
       :default-expanded="expanded"
     >
-      <ReuseTreeTemplate :items="items" :level="0" />
+      <ReuseTreeTemplate :items="items" :level="1" />
     </TreeRoot>
 
     <div :class="ui.content({ class: props.ui?.content })">