@eslamdevui/ui 3.3.4 → 4.0.0

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/Card.vue

@@ -12,69 +12,47 @@ defineOptions({ inheritAttrs: false });
 const props = defineProps({
   to: { type: null, required: false },
   target: { type: [String, Object, null], required: false },
-  icon: { type: String, required: false },
+  icon: { type: [String, Object], required: false },
   title: { type: String, required: false },
   description: { type: String, required: false },
-  color: { type: null, required: false, default: "primary" },
+  color: { type: null, required: false },
   class: { type: null, required: false },
   ui: { type: null, required: false }
 });
-defineSlots();
+const slots = defineSlots();
 const appConfig = useAppConfig();
-const isExternal = computed(() => typeof props.to === "string" && props.to.startsWith("http"));
-const target = computed(() => props.target || (props.to && isExternal.value ? "_blank" : void 0));
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.card || {} })({
+  color: props.color,
+  to: !!props.to,
+  title: !!props.title
+}));
+const target = computed(() => props.target || (!!props.to && typeof props.to === "string" && props.to.startsWith("http") ? "_blank" : void 0));
 const ariaLabel = computed(() => (props.title || "Card link").trim());
-const ui = computed(
-  () => tv({
-    extend: tv(theme),
-    ...appConfig.ui?.prose?.card || {}
-  })({
-    color: props.color,
-    to: !!props.to,
-    title: !!props.title
-  })
-);
 </script>
 
 <template>
   <div :class="ui.base({ class: props.class })">
-    <!-- Clickable Overlay -->
     <ULink
       v-if="to"
-      :to="to"
-      :target="target"
       :aria-label="ariaLabel"
+      v-bind="{ to, target, ...$attrs }"
       class="focus:outline-none"
       tabindex="-1"
       raw
-      v-bind="$attrs"
     >
       <span class="absolute inset-0" aria-hidden="true" />
     </ULink>
 
-    <!-- Icon -->
-    <UIcon
-      v-if="icon"
-      :name="icon"
-      :class="ui.icon({ class: props.ui?.icon })"
-    />
+    <UIcon v-if="icon" :name="icon" :class="ui.icon({ class: props.ui?.icon })" />
+    <UIcon v-if="!!to && target === '_blank'" :name="appConfig.ui.icons.external" :class="ui.externalIcon({ class: props.ui?.externalIcon })" />
 
-    <!-- External Link Icon -->
-    <UIcon
-      v-if="to && target === '_blank'"
-      :name="appConfig.ui.icons.external"
-      :class="ui.externalIcon({ class: props.ui?.externalIcon })"
-    />
-
-    <!-- Title -->
-    <p v-if="title || $slots.title" :class="ui.title({ class: props.ui?.title })">
-      <slot name="title">
+    <p v-if="title || !!slots.title" :class="ui.title({ class: props.ui?.title })">
+      <slot name="title" mdc-unwrap="p">
         {{ title }}
       </slot>
     </p>
 
-    <!-- Description / Default Slot -->
-    <div v-if="$slots.default || description" :class="ui.description({ class: props.ui?.description })">
+    <div v-if="!!slots.default" :class="ui.description({ class: props.ui?.description })">
       <slot>
         {{ description }}
       </slot>

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

@@ -1,11 +1,12 @@
-import theme from '#build/ui/prose/card';
 import type { AppConfig } from '@nuxt/schema';
-import type { ComponentConfig, LinkProps } from '../../types';
+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?: string;
+    icon?: IconProps['name'];
     title?: string;
     description?: string;
     /**
@@ -16,12 +17,10 @@ export interface ProseCardProps {
     ui?: ProseCard['slots'];
 }
 export interface ProseCardSlots {
-    default(): any;
-    title(): any;
+    default(props?: {}): any;
+    title(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseCardProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseCardProps> & Readonly<{}>, {
-    color: ProseCard["variants"]["color"];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCardSlots>;
+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 (): {

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/CardGroup.vue.d.ts

@@ -4,7 +4,7 @@ export interface ProseCardGroupProps {
 export interface ProseCardGroupSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseCardGroupProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseCardGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCardGroupSlots>;
+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 (): {

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/Code.vue.d.ts

@@ -1,6 +1,6 @@
-import theme from '#build/ui/prose/code';
 import type { AppConfig } from '@nuxt/schema';
-import type { ComponentConfig } from '../../types';
+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;
@@ -13,7 +13,7 @@ export interface ProseCodeProps {
 export interface ProseCodeSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseCodeProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseCodeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCodeSlots>;
+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 (): {

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/CodeCollapse.vue

@@ -5,10 +5,11 @@ import theme from "#build/ui/prose/code-collapse";
 <script setup>
 import { computed } from "vue";
 import { useAppConfig } from "#imports";
-import { useLocalePro } from "../../composables/useLocalePro";
+import { useLocale } from "../../composables/useLocale";
 import { tv } from "../../utils/tv";
+import UButton from "../Button.vue";
 const props = defineProps({
-  icon: { type: String, required: false },
+  icon: { type: [String, Object], required: false },
   name: { type: String, required: false },
   openText: { type: String, required: false },
   closeText: { type: String, required: false },
@@ -17,7 +18,7 @@ const props = defineProps({
 });
 defineSlots();
 const open = defineModel("open", { type: Boolean, ...{ default: false } });
-const { t } = useLocalePro();
+const { t } = useLocale();
 const appConfig = useAppConfig();
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.codeCollapse || {} })({
   open: open.value

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

@@ -1,13 +1,14 @@
-import theme from '#build/ui/prose/code-collapse';
 import type { AppConfig } from '@nuxt/schema';
-import type { ComponentConfig } from '../../types';
+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?: string;
+    icon?: IconProps['name'];
     /**
      * The name displayed in the trigger label.
      * @defaultValue t('prose.codeCollapse.name')
@@ -31,12 +32,12 @@ export interface ProseCodeCollapseSlots {
 }
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseCodeCollapseProps & {
     open?: boolean;
-}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:open": (value: boolean | undefined) => any;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<ProseCodeCollapseProps & {
     open?: boolean;
 }> & Readonly<{
-    "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCodeCollapseSlots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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/CodeGroup.vue

@@ -7,7 +7,7 @@ import { computed, watch, onMounted, ref, onBeforeUpdate } from "vue";
 import { TabsRoot, TabsList, TabsIndicator, TabsTrigger, TabsContent } from "reka-ui";
 import { useState, useAppConfig } from "#imports";
 import { tv } from "../../utils/tv";
-import CodeIcon from "./CodeIcon.vue";
+import UCodeIcon from "./CodeIcon.vue";
 const props = defineProps({
   defaultValue: { type: String, required: false, default: "0" },
   sync: { type: String, required: false },
@@ -20,7 +20,7 @@ const appConfig = useAppConfig();
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.codeGroup || {} })());
 const rerenderCount = ref(1);
 const items = computed(() => {
-  const _ = rerenderCount.value;
+  rerenderCount.value;
   return slots.default?.()?.flatMap(transformSlot).filter(Boolean) || [];
 });
 function transformSlot(slot, index) {
@@ -57,7 +57,7 @@ onBeforeUpdate(() => rerenderCount.value++);
       <TabsIndicator :class="ui.indicator({ class: props.ui?.indicator })" />
 
       <TabsTrigger v-for="(item, index) of items" :key="index" :value="String(index)" :class="ui.trigger({ class: props.ui?.trigger })">
-        <CodeIcon :icon="item.icon" :filename="item.label" :class="ui.triggerIcon({ class: props.ui?.triggerIcon })" />
+        <UCodeIcon :icon="item.icon" :filename="item.label" :class="ui.triggerIcon({ class: props.ui?.triggerIcon })" />
 
         <span :class="ui.triggerLabel({ class: props.ui?.triggerLabel })">{{ item.label }}</span>
       </TabsTrigger>

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

@@ -1,6 +1,6 @@
-import theme from '#build/ui/prose/code-group';
 import type { AppConfig } from '@nuxt/schema';
-import type { ComponentConfig } from '../../types';
+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 {
     /**
@@ -19,11 +19,11 @@ export interface ProseCodeGroupSlots {
     default(props?: {}): any;
 }
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseCodeGroupProps & {
-    modelValue?: string | undefined;
-}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    modelValue?: string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<ProseCodeGroupProps & {
-    modelValue?: string | undefined;
+    modelValue?: string;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {

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/CodeIcon.vue

@@ -6,20 +6,24 @@ import theme from "#build/ui/prose/code-icon";
 import { computed } from "vue";
 import { defu } from "defu";
 import { useAppConfig } from "#imports";
+import UIcon from "../Icon.vue";
 const props = defineProps({
-  icon: { type: String, required: false },
+  icon: { type: [String, Object], required: false },
   filename: { type: String, required: false }
 });
 const appConfig = useAppConfig();
 const icons = computed(() => defu(appConfig.ui?.prose?.codeIcon || {}, theme));
-const iconMap = computed(() => icons.value);
 const icon = computed(() => {
-  if (props.icon) return props.icon;
-  if (!props.filename) return;
+  if (props.icon) {
+    return props.icon;
+  }
+  if (!props.filename) {
+    return;
+  }
   const cleanFilename = props.filename.replace(/\s*\(.*\)\s*$/, "");
-  const extension = cleanFilename.includes(".") ? cleanFilename.split(".").pop() : void 0;
-  const name = cleanFilename.split("/").pop()?.toLowerCase();
-  return (name && iconMap.value[name]) ?? (extension && (iconMap.value[extension] ?? `i-vscode-icons-file-type-${extension}`));
+  const extension = cleanFilename.includes(".") && cleanFilename.split(".").pop();
+  const name = cleanFilename.split("/").pop();
+  return (name && icons.value[name.toLowerCase()]) ?? (extension && (icons.value[extension] ?? `i-vscode-icons-file-type-${extension}`));
 });
 </script>
 

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

@@ -1,24 +1,7 @@
+import type { IconProps } from '../../types';
 export interface ProseCodeIconProps {
-    icon?: string;
+    icon?: IconProps['name'];
     filename?: string;
 }
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    icon: {
-        type: StringConstructor;
-        required: false;
-    };
-    filename: {
-        type: StringConstructor;
-        required: false;
-    };
-}>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    icon: {
-        type: StringConstructor;
-        required: false;
-    };
-    filename: {
-        type: StringConstructor;
-        required: false;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+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/CodePreview.vue.d.ts

@@ -1,6 +1,6 @@
-import theme from '#build/ui/prose/code-preview';
 import type { AppConfig } from '@nuxt/schema';
-import type { ComponentConfig } from '../../types';
+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;
@@ -10,7 +10,7 @@ export interface ProseCodePreviewSlots {
     default(props?: {}): any;
     code(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseCodePreviewProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseCodePreviewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCodePreviewSlots>;
+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 (): {

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;
+    };
+};