@eslamdevui/ui 3.3.4 → 4.0.0-beta

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

@@ -1,6 +1,6 @@
-import theme from '#build/ui/prose/h4';
 import type { AppConfig } from '@nuxt/schema';
-import type { ComponentConfig } from '../../types';
+import type { ComponentConfig } from '../../types/tv';
+import theme from '#build/ui/prose/h4';
 type ProseH4 = ComponentConfig<typeof theme, AppConfig, 'h4', 'ui.prose'>;
 export interface ProseH4Props {
     id?: string;
@@ -10,7 +10,7 @@ export interface ProseH4Props {
 export interface ProseH4Slots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseH4Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseH4Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseH4Slots>;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseH4Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseH4Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseH4Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -0,0 +1,5 @@
+export interface ProseHrProps {
+    class?: any;
+}
+declare const _default: import("vue").DefineComponent<ProseHrProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseHrProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -1,5 +1,5 @@
 export interface ProseHrProps {
     class?: any;
 }
-declare const _default: import("vue").DefineComponent<ProseHrProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseHrProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: import("vue").DefineComponent<ProseHrProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseHrProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -0,0 +1,6 @@
+export interface ProseIconProps {
+    name: string;
+    class?: any;
+}
+declare const _default: import("vue").DefineComponent<ProseIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -6,6 +6,7 @@ import theme from "#build/ui/prose/icon";
 import { computed } from "vue";
 import { useAppConfig } from "#imports";
 import { tv } from "../../utils/tv";
+import UIcon from "../Icon.vue";
 const props = defineProps({
   name: { type: String, required: true },
   class: { type: null, required: false }

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

@@ -2,5 +2,5 @@ export interface ProseIconProps {
     name: string;
     class?: any;
 }
-declare const _default: import("vue").DefineComponent<ProseIconProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: import("vue").DefineComponent<ProseIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -0,0 +1,21 @@
+import type { AppConfig } from '@nuxt/schema';
+import type { ComponentConfig } from '../../types/tv';
+import theme from '#build/ui/prose/img';
+type ProseImg = ComponentConfig<typeof theme, AppConfig, 'img', 'ui.prose'>;
+export interface ProseImgProps {
+    src: string;
+    alt: string;
+    width?: string | number;
+    height?: string | number;
+    class?: any;
+    /**
+     * Zoom image on click
+     * @defaultValue true
+     */
+    zoom?: boolean;
+    ui?: ProseImg['slots'];
+}
+declare const _default: 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>;
+export default _default;

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

@@ -3,20 +3,31 @@ import theme from "#build/ui/prose/img";
 </script>
 
 <script setup>
-import { computed } from "vue";
+import { ref, computed, useId } from "vue";
 import { withTrailingSlash, withLeadingSlash, joinURL } from "ufo";
+import { DialogRoot, DialogPortal, DialogTrigger } from "reka-ui";
+import { AnimatePresence, Motion } from "motion-v";
+import { useEventListener, createReusableTemplate } from "@vueuse/core";
 import { useRuntimeConfig, useAppConfig } from "#imports";
 import ImageComponent from "#build/ui-image-component";
 import { tv } from "../../utils/tv";
+defineOptions({ inheritAttrs: false });
 const props = defineProps({
   src: { type: String, required: true },
   alt: { type: String, required: true },
   width: { type: [String, Number], required: false },
   height: { type: [String, Number], required: false },
-  class: { type: null, required: false }
+  class: { type: null, required: false },
+  zoom: { type: Boolean, required: false, default: true },
+  ui: { type: null, required: false }
 });
 const appConfig = useAppConfig();
-const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.img || {} }));
+const [DefineImageTemplate, ReuseImageTemplate] = createReusableTemplate();
+const open = ref(false);
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.img || {} })({
+  zoom: props.zoom,
+  open: open.value
+}));
 const refinedSrc = computed(() => {
   if (props.src?.startsWith("/") && !props.src.startsWith("//")) {
     const _base = withLeadingSlash(withTrailingSlash(useRuntimeConfig().app.baseURL));
@@ -26,15 +37,46 @@ const refinedSrc = computed(() => {
   }
   return props.src;
 });
+const layoutId = computed(() => `${refinedSrc.value}::${useId()}`);
+if (props.zoom) {
+  useEventListener(window, "scroll", () => {
+    open.value = false;
+  });
+}
 </script>
 
 <template>
-  <component
-    :is="ImageComponent"
-    :src="refinedSrc"
-    :alt="alt"
-    :width="width"
-    :height="height"
-    :class="ui({ class: props.class })"
-  />
+  <DefineImageTemplate>
+    <component
+      :is="ImageComponent"
+      :src="refinedSrc"
+      :alt="alt"
+      :width="width"
+      :height="height"
+      v-bind="$attrs"
+      :class="ui.base({ class: [props.ui?.base, props.class] })"
+    />
+  </DefineImageTemplate>
+
+  <DialogRoot v-if="zoom" v-slot="{ close }" v-model:open="open" :modal="false">
+    <DialogTrigger as-child>
+      <Motion :layout-id="layoutId" as-child :transition="{ type: 'spring', bounce: 0.2, duration: 0.4 }">
+        <ReuseImageTemplate />
+      </Motion>
+    </DialogTrigger>
+
+    <DialogPortal>
+      <AnimatePresence>
+        <Motion v-if="open" :initial="{ opacity: 0 }" :animate="{ opacity: 1 }" :exit="{ opacity: 0 }" :class="ui.overlay({ class: [props.ui?.overlay] })" />
+
+        <div v-if="open" :class="ui.content({ class: [props.ui?.content] })" @click="close">
+          <Motion as-child :layout-id="layoutId" :transition="{ type: 'spring', bounce: 0.2, duration: 0.4 }">
+            <ReuseImageTemplate />
+          </Motion>
+        </div>
+      </AnimatePresence>
+    </DialogPortal>
+  </DialogRoot>
+
+  <ReuseImageTemplate v-else />
 </template>

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

@@ -1,9 +1,21 @@
+import type { AppConfig } from '@nuxt/schema';
+import type { ComponentConfig } from '../../types/tv';
+import theme from '#build/ui/prose/img';
+type ProseImg = ComponentConfig<typeof theme, AppConfig, 'img', 'ui.prose'>;
 export interface ProseImgProps {
     src: string;
     alt: string;
     width?: string | number;
     height?: string | number;
     class?: any;
+    /**
+     * Zoom image on click
+     * @defaultValue true
+     */
+    zoom?: boolean;
+    ui?: ProseImg['slots'];
 }
-declare const _default: import("vue").DefineComponent<ProseImgProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseImgProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: 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>;
 export default _default;

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

@@ -0,0 +1,6 @@
+export interface ProseKbdProps {
+    value: string;
+    class?: any;
+}
+declare const _default: import("vue").DefineComponent<ProseKbdProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseKbdProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -6,6 +6,7 @@ import theme from "#build/ui/prose/kbd";
 import { computed } from "vue";
 import { useAppConfig } from "#imports";
 import { tv } from "../../utils/tv";
+import UKbd from "../Kbd.vue";
 const props = defineProps({
   value: { type: String, required: true },
   class: { type: null, required: false }

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

@@ -2,5 +2,5 @@ export interface ProseKbdProps {
     value: string;
     class?: any;
 }
-declare const _default: import("vue").DefineComponent<ProseKbdProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseKbdProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: import("vue").DefineComponent<ProseKbdProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseKbdProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

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

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

@@ -4,7 +4,7 @@ export interface ProseLiProps {
 export interface ProseLiSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseLiProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseLiProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseLiSlots>;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseLiProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseLiProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseLiSlots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

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

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

@@ -4,7 +4,7 @@ export interface ProseOlProps {
 export interface ProseOlSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseOlProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseOlProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseOlSlots>;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseOlProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseOlProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseOlSlots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

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

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

@@ -4,7 +4,7 @@ export interface ProsePProps {
 export interface ProsePSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProsePProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProsePProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProsePSlots>;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProsePProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProsePProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProsePSlots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -0,0 +1,26 @@
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/ui/prose/pre';
+import type { IconProps } from '../../types';
+import type { ComponentConfig } from '../../types/tv';
+type ProsePre = ComponentConfig<typeof theme, AppConfig, 'pre', 'ui.prose'>;
+export interface ProsePreProps {
+    icon?: IconProps['name'];
+    code?: string;
+    language?: string;
+    filename?: string;
+    highlights?: number[];
+    hideHeader?: boolean;
+    meta?: string;
+    class?: any;
+    ui?: ProsePre['slots'];
+}
+export interface ProsePreSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProsePreProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProsePreProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProsePreSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -3,14 +3,15 @@ import theme from "#build/ui/prose/pre";
 </script>
 
 <script setup>
-import { ref, computed } from "vue";
+import { computed } from "vue";
 import { useClipboard } from "@vueuse/core";
 import { useAppConfig } from "#imports";
-import { useLocalePro } from "../../composables/useLocalePro";
-import CodeIcon from "./CodeIcon.vue";
+import { useLocale } from "../../composables/useLocale";
 import { tv } from "../../utils/tv";
+import UCodeIcon from "./CodeIcon.vue";
+import UButton from "../Button.vue";
 const props = defineProps({
-  icon: { type: String, required: false },
+  icon: { type: [String, Object], required: false },
   code: { type: String, required: false },
   language: { type: String, required: false },
   filename: { type: String, required: false },
@@ -21,24 +22,16 @@ const props = defineProps({
   ui: { type: null, required: false }
 });
 defineSlots();
-const { t } = useLocalePro();
-const clipboard = useClipboard();
+const { t } = useLocale();
+const { copy, copied } = useClipboard();
 const appConfig = useAppConfig();
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.pre || {} })());
-const copied = ref(false);
-function copy() {
-  clipboard.copy(props.code || "");
-  copied.value = true;
-  setTimeout(() => {
-    copied.value = false;
-  }, 2e3);
-}
 </script>
 
 <template>
   <div :class="ui.root({ class: [props.ui?.root], filename: !!filename })">
     <div v-if="filename && !hideHeader" :class="ui.header({ class: props.ui?.header })">
-      <CodeIcon :icon="icon" :filename="filename" :class="ui.icon({ class: props.ui?.icon })" />
+      <UCodeIcon :icon="icon" :filename="filename" :class="ui.icon({ class: props.ui?.icon })" />
 
       <span :class="ui.filename({ class: props.ui?.filename })">{{ filename }}</span>
     </div>
@@ -51,7 +44,7 @@ function copy() {
       :aria-label="t('prose.pre.copy')"
       :class="ui.copy({ class: props.ui?.copy })"
       tabindex="-1"
-      @click="copy"
+      @click="copy(props.code || '')"
     />
 
     <pre :class="ui.base({ class: [props.ui?.base, props.class] })" v-bind="$attrs"><slot /></pre>

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

@@ -1,9 +1,10 @@
 import type { AppConfig } from '@nuxt/schema';
-import type { ComponentConfig } from '../../types';
 import theme from '#build/ui/prose/pre';
+import type { IconProps } from '../../types';
+import type { ComponentConfig } from '../../types/tv';
 type ProsePre = ComponentConfig<typeof theme, AppConfig, 'pre', 'ui.prose'>;
 export interface ProsePreProps {
-    icon?: string;
+    icon?: IconProps['name'];
     code?: string;
     language?: string;
     filename?: string;
@@ -16,7 +17,7 @@ export interface ProsePreProps {
 export interface ProsePreSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProsePreProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProsePreProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProsePreSlots>;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProsePreProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProsePreProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProsePreSlots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    src: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -1,12 +1,5 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    src: {
-        type: StringConstructor;
-        required: true;
-    };
-}>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    src: {
-        type: StringConstructor;
-        required: true;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Props = {
+    src: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/runtime/components/prose/Steps.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/steps';
+type ProseSteps = ComponentConfig<typeof theme, AppConfig, 'steps', 'ui.prose'>;
+export interface ProseStepsProps {
+    /**
+     * The heading level to apply to the steps.
+     * @defaultValue '3'
+     */
+    level?: ProseSteps['variants']['level'];
+    class?: any;
+}
+export interface ProseStepsSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseStepsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseStepsProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseStepsSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,5 +1,5 @@
 import type { AppConfig } from '@nuxt/schema';
-import type { ComponentConfig } from '../../types';
+import type { ComponentConfig } from '../../types/tv';
 import theme from '#build/ui/prose/steps';
 type ProseSteps = ComponentConfig<typeof theme, AppConfig, 'steps', 'ui.prose'>;
 export interface ProseStepsProps {
@@ -13,7 +13,7 @@ export interface ProseStepsProps {
 export interface ProseStepsSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseStepsProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseStepsProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseStepsSlots>;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseStepsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseStepsProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseStepsSlots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

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

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

@@ -4,7 +4,7 @@ export interface ProseStrongProps {
 export interface ProseStrongSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseStrongProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseStrongProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseStrongSlots>;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseStrongProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseStrongProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseStrongSlots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

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

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

@@ -1,6 +1,6 @@
-import theme from '#build/ui/prose/table';
 import type { AppConfig } from '@nuxt/schema';
-import type { ComponentConfig } from '../../types';
+import type { ComponentConfig } from '../../types/tv';
+import theme from '#build/ui/prose/table';
 type ProseTable = ComponentConfig<typeof theme, AppConfig, 'table', 'ui.prose'>;
 export interface ProseTableProps {
     class?: any;
@@ -9,7 +9,7 @@ export interface ProseTableProps {
 export interface ProseTableSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseTableProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTableProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTableSlots>;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseTableProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTableProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTableSlots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -0,0 +1,36 @@
+export interface ProseTabsProps {
+    /**
+     * The default tab to select.
+     * @example '1'
+     */
+    defaultValue?: string;
+    /**
+     * Sync the selected tab with a local storage key.
+     */
+    sync?: string;
+    /**
+     * The hash to scroll to when the tab is selected.
+     */
+    hash?: string;
+    class?: any;
+}
+export interface ProseTabsSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseTabsProps & {
+    modelValue?: string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<ProseTabsProps & {
+    modelValue?: string;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {
+    defaultValue: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTabsSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -7,6 +7,7 @@ import { computed, watch, onMounted, ref, onBeforeUpdate } from "vue";
 import { useState, useAppConfig } from "#imports";
 import { transformUI } from "../../utils";
 import { tv } from "../../utils/tv";
+import UTabs from "../Tabs.vue";
 const props = defineProps({
   defaultValue: { type: String, required: false, default: "0" },
   sync: { type: String, required: false },
@@ -19,7 +20,7 @@ const appConfig = useAppConfig();
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.tabs || {} }));
 const rerenderCount = ref(1);
 const items = computed(() => {
-  const _ = rerenderCount.value;
+  rerenderCount.value;
   return slots.default?.()?.flatMap(transformSlot).filter(Boolean) || [];
 });
 function transformSlot(slot, index) {

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

@@ -18,11 +18,11 @@ export interface ProseTabsSlots {
     default(props?: {}): any;
 }
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseTabsProps & {
-    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<ProseTabsProps & {
-    modelValue?: string | undefined;
+    modelValue?: string;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {

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

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