@eslamdevui/ui 3.3.4 → 4.0.0-beta

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/content/ContentToc.vue

@@ -8,11 +8,13 @@ import { CollapsibleRoot, CollapsibleTrigger, CollapsibleContent, useForwardProp
 import { reactivePick, createReusableTemplate } from "@vueuse/core";
 import { useRouter, useAppConfig, useNuxtApp } from "#imports";
 import { useScrollspy } from "../../composables/useScrollspy";
-import { useLocalePro } from "../../composables/useLocalePro";
+import { useLocale } from "../../composables/useLocale";
 import { tv } from "../../utils/tv";
+import UIcon from "../Icon.vue";
+defineOptions({ inheritAttrs: false });
 const props = defineProps({
   as: { type: null, required: false, default: "nav" },
-  trailingIcon: { type: String, required: false },
+  trailingIcon: { type: [String, Object], required: false },
   title: { type: String, required: false },
   color: { type: null, required: false },
   highlight: { type: Boolean, required: false },
@@ -26,11 +28,16 @@ const props = defineProps({
 const emits = defineEmits(["update:open", "move"]);
 const slots = defineSlots();
 const rootProps = useForwardPropsEmits(reactivePick(props, "as", "open", "defaultOpen"), emits);
-const { t } = useLocalePro();
+const { t } = useLocale();
 const router = useRouter();
 const appConfig = useAppConfig();
 const { activeHeadings, updateHeadings } = useScrollspy();
-const [DefineListTemplate, ReuseListTemplate] = createReusableTemplate();
+const [DefineListTemplate, ReuseListTemplate] = createReusableTemplate({
+  props: {
+    links: Array,
+    level: Number
+  }
+});
 const [DefineTriggerTemplate, ReuseTriggerTemplate] = createReusableTemplate();
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.contentToc || {} })({
   color: props.color,
@@ -70,20 +77,11 @@ nuxtApp.hooks.hook("page:transition:finish", () => {
 </script>
 
 <template>
+  <!-- eslint-disable-next-line vue/no-template-shadow -->
   <DefineListTemplate v-slot="{ links, level }">
-    <ul
-      :class="level > 0 ? ui.listWithChildren({ class: props.ui?.listWithChildren }) : ui.list({ class: props.ui?.list })"
-    >
-      <li
-        v-for="(link, index) in links"
-        :key="index"
-        :class="link.children && link.children.length > 0 ? ui.itemWithChildren({ class: [props.ui?.itemWithChildren, link.ui?.itemWithChildren] }) : ui.item({ class: [props.ui?.item, link.ui?.item] })"
-      >
-        <a
-          :href="`#${link.id}`"
-          :class="ui.link({ class: [props.ui?.link, link.ui?.link, link.class], active: activeHeadings.includes(link.id) })"
-          @click.prevent="scrollToHeading(link.id)"
-        >
+    <ul :class="level > 0 ? ui.listWithChildren({ class: props.ui?.listWithChildren }) : ui.list({ class: props.ui?.list })">
+      <li v-for="(link, index) in links" :key="index" :class="link.children && link.children.length > 0 ? ui.itemWithChildren({ class: [props.ui?.itemWithChildren, link.ui?.itemWithChildren] }) : ui.item({ class: [props.ui?.item, link.ui?.item] })">
+        <a :href="`#${link.id}`" :class="ui.link({ class: [props.ui?.link, link.ui?.link, link.class], active: activeHeadings.includes(link.id) })" @click.prevent="scrollToHeading(link.id)">
           <slot name="link" :link="link">
             <span :class="ui.linkText({ class: [props.ui?.linkText, link.ui?.linkText] })">
               {{ link.text }}
@@ -105,20 +103,12 @@ nuxtApp.hooks.hook("page:transition:finish", () => {
 
     <span :class="ui.trailing({ class: props.ui?.trailing })">
       <slot name="trailing" :open="open">
-        <UIcon
-          :name="trailingIcon || appConfig.ui.icons.chevronDown"
-          :class="ui.trailingIcon({ class: props.ui?.trailingIcon })"
-        />
+        <UIcon :name="trailingIcon || appConfig.ui.icons.chevronDown" :class="ui.trailingIcon({ class: props.ui?.trailingIcon })" />
       </slot>
     </span>
   </DefineTriggerTemplate>
 
-  <CollapsibleRoot
-    v-slot="{ open }"
-    v-bind="rootProps"
-    :default-open="defaultOpen"
-    :class="ui.root({ class: [props.ui?.root, props.class] })"
-  >
+  <CollapsibleRoot v-slot="{ open }" v-bind="{ ...rootProps, ...$attrs }" :default-open="defaultOpen" :class="ui.root({ class: [props.ui?.root, props.class] })">
     <div :class="ui.container({ class: props.ui?.container })">
       <div v-if="!!slots.top" :class="ui.top({ class: props.ui?.top })">
         <slot name="top" :links="links" />
@@ -150,7 +140,7 @@ nuxtApp.hooks.hook("page:transition:finish", () => {
         </div>
       </template>
 
-      <div v-if="!!slots.bottom" :class="ui.bottom({ class: props.ui?.bottom })">
+      <div v-if="!!slots.bottom" :class="ui.bottom({ class: props.ui?.bottom, body: !!slots.top || !!links?.length })">
         <slot name="bottom" :links="links" />
       </div>
     </div>

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

@@ -1,8 +1,9 @@
-import theme from '#build/ui/content/content-toc';
 import type { CollapsibleRootProps, CollapsibleRootEmits } from 'reka-ui';
 import type { TocLink } from '@nuxt/content';
 import type { AppConfig } from '@nuxt/schema';
-import type { ComponentConfig } from '../../types';
+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;
@@ -19,7 +20,7 @@ export interface ContentTocProps<T extends ContentTocLink = ContentTocLink> exte
      * @defaultValue appConfig.ui.icons.chevronDown
      * @IconifyIcon
      */
-    trailingIcon?: string;
+    trailingIcon?: IconProps['name'];
     /**
      * The title of the table of contents.
      * @defaultValue t('contentToc.title')
@@ -69,18 +70,19 @@ export interface ContentTocSlots<T extends ContentTocLink = ContentTocLink> {
         links?: T[];
     }): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ContentTocProps<ContentTocLink>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:open": (value: boolean) => any;
-    move: (id: string) => any;
-}, string, import("vue").PublicProps, Readonly<ContentTocProps<ContentTocLink>> & Readonly<{
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    onMove?: ((id: string) => any) | undefined;
-}>, {
-    as: any;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ContentTocSlots<ContentTocLink>>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
+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/locale/LocaleSelect.vue

@@ -3,33 +3,63 @@
 </script>
 
 <script setup>
-defineOptions({ inheritAttrs: false });
-const props = defineProps({
+import USelectMenu from "../SelectMenu.vue";
+defineProps({
   locales: { type: Array, required: false }
 });
-const modelValue = defineModel({ type: null });
+const modelValue = defineModel({ type: String });
 function getEmojiFlag(locale) {
   const languageToCountry = {
     ar: "sa",
+    // Arabic -> Saudi Arabia
     bn: "bd",
+    // Bengali -> Bangladesh
     ca: "es",
+    // Catalan -> Spain
     ckb: "iq",
+    // Central Kurdish -> Iraq
     cs: "cz",
+    // Czech -> Czech Republic (note: modern country code is actually 'cz')
     da: "dk",
+    // Danish -> Denmark
     el: "gr",
+    // Greek -> Greece
     en: "gb",
+    // English -> Great Britain
     et: "ee",
+    // Estonian -> Estonia
     he: "il",
+    // Hebrew -> Israel
     hi: "in",
+    // Hindi -> India
     hy: "am",
+    // Armenian -> Armenia
     ja: "jp",
+    // Japanese -> Japan
+    kk: "kz",
+    // Kazakh -> Kazakhstan
     km: "kh",
+    // Khmer -> Cambodia
     ko: "kr",
+    // Korean -> South Korea
+    ky: "kg",
+    // Kyrgyz -> Kyrgyzstan
+    lb: "lu",
+    // Luxembourgish -> Luxembourg
+    ms: "my",
+    // Malay -> Malaysia
     nb: "no",
+    // Norwegian Bokmål -> Norway
+    sl: "si",
+    // Slovenian -> Slovenia
     sv: "se",
+    // Swedish -> Sweden
     uk: "ua",
+    // Ukrainian -> Ukraine
     ur: "pk",
+    // Urdu -> Pakistan
     vi: "vn"
+    // Vietnamese -> Vietnam
   };
   const baseLanguage = locale.split("-")[0]?.toLowerCase() || locale;
   const countryCode = languageToCountry[baseLanguage] || locale.replace(/^.*-/, "").slice(0, 2);
@@ -43,8 +73,7 @@ function getEmojiFlag(locale) {
     :search-input="false"
     value-key="code"
     label-key="name"
-    :items="props.locales"
-    v-bind="$attrs"
+    :items="locales"
   >
     <template #leading>
       <span v-if="modelValue" class="size-5 text-center">

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

@@ -1,15 +1,14 @@
-import type { SelectMenuProps, Locale } from '../../types';
-export interface LocaleSelectProps extends 
-/** @vue-ignore */
-Pick<SelectMenuProps<any>, 'color' | 'variant' | 'size' | 'trailingIcon' | 'selectedIcon' | 'content' | 'arrow' | 'portal' | 'disabled' | 'ui'> {
+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 | 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<LocaleSelectProps & {
-    modelValue?: string | undefined;
+    modelValue?: string;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

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

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

@@ -7,6 +7,7 @@ import { computed, ref, onBeforeUpdate } from "vue";
 import { useAppConfig } from "#imports";
 import { transformUI } from "../../utils";
 import { tv } from "../../utils/tv";
+import UAccordion from "../Accordion.vue";
 const props = defineProps({
   type: { type: String, required: false, default: "multiple" },
   class: { type: null, required: false }
@@ -16,7 +17,7 @@ const appConfig = useAppConfig();
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.accordion || {} }));
 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/Accordion.vue.d.ts

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

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

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

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

@@ -6,6 +6,7 @@ import theme from "#build/ui/prose/badge";
 import { computed } from "vue";
 import { useAppConfig } from "#imports";
 import { tv } from "../../utils/tv";
+import UBadge from "../Badge.vue";
 const props = defineProps({
   class: { type: null, required: false }
 });

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

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

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

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

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

@@ -12,17 +12,14 @@ 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 },
   color: { type: null, required: false },
   class: { type: null, required: false },
   ui: { type: null, required: false }
 });
 defineSlots();
 const appConfig = useAppConfig();
-const ui = computed(() => tv({
-  extend: tv(theme),
-  ...appConfig.ui?.prose?.callout || {}
-})({
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.callout || {} })({
   color: props.color,
   to: !!props.to
 }));
@@ -38,22 +35,11 @@ const target = computed(() => props.target || (!!props.to && typeof props.to ===
       tabindex="-1"
       raw
     >
-      <span
-        class="absolute inset-0"
-        aria-hidden="true"
-      />
+      <span class="absolute inset-0" aria-hidden="true" />
     </ULink>
 
-    <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 })"
-    />
+    <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 })" />
 
     <slot mdc-unwrap="p" />
   </div>

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

@@ -1,23 +1,23 @@
 import type { AppConfig } from '@nuxt/schema';
-import type { LinkProps } from '../Link.vue';
 import theme from '#build/ui/prose/callout';
-import type { ComponentConfig } from '../../types/utils';
-type Callout = ComponentConfig<typeof theme, AppConfig, 'callout', 'ui.prose'>;
-export interface CalloutProps {
+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?: string;
+    icon?: IconProps['name'];
     /**
      * @defaultValue 'neutral'
      */
-    color?: Callout['variants']['color'];
+    color?: ProseCallout['variants']['color'];
     class?: any;
-    ui?: Callout['slots'];
+    ui?: ProseCallout['slots'];
 }
-export interface CalloutSlots {
+export interface ProseCalloutSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<CalloutProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CalloutProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, CalloutSlots>;
+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 (): {