@eslamdevui/ui 3.3.4 → 4.0.0-beta

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

@@ -8,52 +8,37 @@ import { TreeRoot, TreeItem } from "reka-ui";
 import { createReusableTemplate } from "@vueuse/core";
 import { useAppConfig } from "#imports";
 import { tv } from "../../utils/tv";
-import CodeIcon from "./CodeIcon.vue";
+import UCodeIcon from "./CodeIcon.vue";
+import UIcon from "../Icon.vue";
+defineOptions({ inheritAttrs: false });
 const props = defineProps({
   defaultValue: { type: String, required: false },
-  expandAll: { type: Boolean, required: false, default: false },
+  expandAll: { type: Boolean, required: false },
   class: { type: null, required: false },
   ui: { type: null, required: false }
 });
 const slots = defineSlots();
 const appConfig = useAppConfig();
 const [DefineTreeTemplate, ReuseTreeTemplate] = createReusableTemplate();
-const ui = computed(() => tv({
-  extend: tv(theme),
-  ...appConfig.ui?.prose?.codeTree || {}
-})());
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.codeTree || {} })());
 const model = ref(props.defaultValue ? { path: props.defaultValue } : void 0);
 const lastSelectedItem = ref();
 const rerenderCount = ref(1);
 const flatItems = computed(() => {
-  const _ = rerenderCount.value;
+  rerenderCount.value;
   return slots.default?.()?.flatMap(transformSlot).filter(Boolean) || [];
 });
-const treeItems = computed(() => buildTree(flatItems.value));
-function transformSlot(slot, index) {
-  if (typeof slot?.type === "symbol") {
-    return slot.children?.flatMap((child, i) => transformSlot(child, i));
-  }
-  return {
-    label: slot.props?.filename || slot.props?.label || `${index}`,
-    icon: slot.props?.icon,
-    component: slot
-  };
-}
-function buildTree(items) {
+const items = computed(() => buildTree(flatItems.value));
+function buildTree(items2) {
   const map = /* @__PURE__ */ new Map();
   const root = [];
-  items.forEach((item) => {
+  items2.forEach((item) => {
     const parts = item.label.split("/");
     let path = "";
     parts.forEach((part, i) => {
       path = path ? `${path}/${part}` : part;
       if (!map.has(path)) {
-        const node = {
-          label: part,
-          path,
-          ...i < parts.length - 1 ? { children: [] } : { component: item.component, icon: item.icon }
-        };
+        const node = { label: part, path, ...i < parts.length - 1 && { children: [] } };
         map.set(path, node);
         if (i === 0) {
           root.push(node);
@@ -65,29 +50,39 @@ function buildTree(items) {
   });
   const sort = (nodes) => nodes.sort(
     (a, b) => !!a.children === !!b.children ? a.label.localeCompare(b.label) : b.children ? 1 : -1
-  ).map((n) => ({
-    ...n,
-    children: n.children && sort(n.children)
-  }));
+  ).map((n) => ({ ...n, children: n.children && sort(n.children) }));
   return sort(root);
 }
+function transformSlot(slot, index) {
+  if (typeof slot.type === "symbol") {
+    return slot.children?.map(transformSlot);
+  }
+  return {
+    label: slot.props?.filename || slot.props?.label || `${index}`,
+    icon: slot.props?.icon,
+    component: slot
+  };
+}
 const expanded = computed(() => {
   if (props.expandAll) {
     const allPaths = /* @__PURE__ */ new Set();
     flatItems.value.forEach((item) => {
-      const parts = item.label.split("/");
-      for (let i = 1; i < parts.length; i++) {
-        allPaths.add(parts.slice(0, i).join("/"));
+      const parts2 = item.label.split("/");
+      for (let i = 1; i < parts2.length; i++) {
+        allPaths.add(parts2.slice(0, i).join("/"));
       }
     });
     return Array.from(allPaths);
   }
   const path = model.value?.path;
-  if (!path) return [];
-  return path.split("/").map((_, i) => path.split("/").slice(0, i + 1).join("/"));
+  if (!path) {
+    return [];
+  }
+  const parts = path.split("/");
+  return parts.map((_, index) => parts.slice(0, index + 1).join("/"));
 });
 watch(model, (value) => {
-  const item = flatItems.value.find((i) => i.label === value?.path);
+  const item = flatItems.value.find((item2) => value?.path === item2.label);
   if (item?.component) {
     lastSelectedItem.value = item;
   }
@@ -96,61 +91,62 @@ onBeforeUpdate(() => rerenderCount.value++);
 </script>
 
 <template>
-  <DefineTreeTemplate v-slot="{ items: children, level }">
-    <li
-      v-for="(item, index) in children"
+  <DefineTreeTemplate v-slot="{ items, level }">
+    <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 })"
+        />
+
+        <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
-            v-if="item.children?.length"
-            :name="isExpanded ? appConfig.ui.icons.folderOpen : appConfig.ui.icons.folder"
-            :class="ui.linkLeadingIcon({ class: props.ui?.linkLeadingIcon })"
-          />
-          <CodeIcon
-            v-else
-            :filename="item.label"
-            :class="ui.linkLeadingIcon({ class: props.ui?.linkLeadingIcon })"
+            :name="appConfig.ui.icons.chevronDown"
+            :class="ui.linkTrailingIcon({ class: props.ui?.linkTrailingIcon })"
           />
-          <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>
-        <ul
-          v-if="item.children?.length && isExpanded"
-          :class="ui.listWithChildren({ class: props.ui?.listWithChildren })"
-        >
-          <ReuseTreeTemplate :items="item.children" :level="level + 1" />
-        </ul>
-      </TreeItem>
-    </li>
+        </span>
+      </button>
+
+      <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 :class="ui.root({ class: [props.ui?.root, props.class] })">
+  <div v-bind="$attrs" :class="ui.root({ class: [props.ui?.root, props.class] })">
     <TreeRoot
       v-model="model"
-      :items="treeItems"
+      :class="ui.list({ class: props.ui?.list })"
+      :items="items"
       :get-key="(item2) => item2.path"
       :default-expanded="expanded"
-      :class="ui.list({ class: props.ui?.list })"
     >
-      <ReuseTreeTemplate :items="treeItems" :level="0" />
+      <ReuseTreeTemplate :items="items" :level="1" />
     </TreeRoot>
 
     <div :class="ui.content({ class: props.ui?.content })">

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

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

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

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

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

@@ -5,11 +5,13 @@ import theme from "#build/ui/prose/collapsible";
 <script setup>
 import { computed } from "vue";
 import { useAppConfig } from "#imports";
-import { useLocalePro } from "../../composables/useLocalePro";
+import { useLocale } from "../../composables/useLocale";
 import { transformUI } from "../../utils";
 import { tv } from "../../utils/tv";
+import UCollapsible from "../Collapsible.vue";
+import UIcon from "../Icon.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 +19,7 @@ const props = defineProps({
   ui: { type: null, required: false }
 });
 defineSlots();
-const { t } = useLocalePro();
+const { t } = useLocale();
 const appConfig = useAppConfig();
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.collapsible || {} })());
 </script>

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

@@ -1,13 +1,14 @@
-import theme from '#build/ui/prose/collapsible';
 import type { AppConfig } from '@nuxt/schema';
-import type { ComponentConfig } from '../../types';
+import theme from '#build/ui/prose/collapsible';
+import type { IconProps } from '../../types';
+import type { ComponentConfig } from '../../types/tv';
 type ProseCollapsible = ComponentConfig<typeof theme, AppConfig, 'collapsible', 'ui.prose'>;
 export interface ProseCollapsibleProps {
     /**
      * The icon displayed to toggle the collapsible.
      * @defaultValue appConfig.ui.icons.chevronDown
      */
-    icon?: string;
+    icon?: IconProps['name'];
     /**
      * The name displayed in the trigger label.
      * @defaultValue t('prose.collapsible.name')
@@ -29,7 +30,7 @@ export interface ProseCollapsibleProps {
 export interface ProseCollapsibleSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseCollapsibleProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseCollapsibleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCollapsibleSlots>;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseCollapsibleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseCollapsibleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseCollapsibleSlots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

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

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

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

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

@@ -0,0 +1,39 @@
+import type { AppConfig } from '@nuxt/schema';
+import type { ComponentConfig } from '../../types/tv';
+import theme from '#build/ui/prose/field';
+type ProseField = ComponentConfig<typeof theme, AppConfig, 'field', 'ui.prose'>;
+export interface ProseFieldProps {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'div'
+     */
+    as?: any;
+    /**
+     * The name of the field.
+     */
+    name?: string;
+    /**
+     * Expected type of the field’s value
+     */
+    type?: string;
+    /**
+     * Description of the field
+     */
+    description?: string;
+    /**
+     * Indicate whether the field is required
+     */
+    required?: boolean;
+    class?: any;
+    ui?: ProseField['slots'];
+}
+export interface ProseFieldSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseFieldSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,18 @@
+export interface ProseFieldGroupProps {
+    /**
+     * The element or component this component should render as.
+     * @defaultValue 'div'
+     */
+    as?: any;
+    class?: any;
+}
+export interface ProseFieldGroupSlots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseFieldGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseFieldGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseFieldGroupSlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

package/dist/runtime/components/prose/H1.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/h1';
+type ProseH1 = ComponentConfig<typeof theme, AppConfig, 'h1', 'ui.prose'>;
+export interface ProseH1Props {
+    id?: string;
+    class?: any;
+    ui?: ProseH1['slots'];
+}
+export interface ProseH1Slots {
+    default(props?: {}): any;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ProseH1Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseH1Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseH1Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -13,7 +13,7 @@ const props = defineProps({
 });
 defineSlots();
 const appConfig = useAppConfig();
-const { headings } = useRuntimeConfig().public.mdc;
+const { headings } = useRuntimeConfig().public?.mdc || {};
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.h1 || {} })());
 const generate = computed(() => props.id && typeof headings?.anchorLinks === "object" && headings.anchorLinks.h1);
 </script>

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

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

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

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

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

@@ -6,6 +6,7 @@ import theme from "#build/ui/prose/h2";
 import { computed } from "vue";
 import { useRuntimeConfig, useAppConfig } from "#imports";
 import { tv } from "../../utils/tv";
+import UIcon from "../Icon.vue";
 const props = defineProps({
   id: { type: String, required: false },
   class: { type: null, required: false },
@@ -13,7 +14,7 @@ const props = defineProps({
 });
 defineSlots();
 const appConfig = useAppConfig();
-const { headings } = useRuntimeConfig().public.mdc;
+const { headings } = useRuntimeConfig().public?.mdc || {};
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.h2 || {} })());
 const generate = computed(() => props.id && typeof headings?.anchorLinks === "object" && headings.anchorLinks.h2);
 </script>

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

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

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

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

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

@@ -6,6 +6,7 @@ import theme from "#build/ui/prose/h3";
 import { computed } from "vue";
 import { useRuntimeConfig, useAppConfig } from "#imports";
 import { tv } from "../../utils/tv";
+import UIcon from "../Icon.vue";
 const props = defineProps({
   id: { type: String, required: false },
   class: { type: null, required: false },
@@ -13,7 +14,7 @@ const props = defineProps({
 });
 defineSlots();
 const appConfig = useAppConfig();
-const { headings } = useRuntimeConfig().public.mdc;
+const { headings } = useRuntimeConfig().public?.mdc || {};
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.h3 || {} })());
 const generate = computed(() => props.id && typeof headings?.anchorLinks === "object" && headings.anchorLinks.h3);
 </script>

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

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

package/dist/runtime/components/prose/H4.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/h4';
+type ProseH4 = ComponentConfig<typeof theme, AppConfig, 'h4', 'ui.prose'>;
+export interface ProseH4Props {
+    id?: string;
+    class?: any;
+    ui?: ProseH4['slots'];
+}
+export interface ProseH4Slots {
+    default(props?: {}): any;
+}
+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 (): {
+        $slots: S;
+    };
+};

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

@@ -13,7 +13,7 @@ const props = defineProps({
 });
 defineSlots();
 const appConfig = useAppConfig();
-const { headings } = useRuntimeConfig().public.mdc;
+const { headings } = useRuntimeConfig().public?.mdc || {};
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.h4 || {} })());
 const generate = computed(() => props.id && typeof headings?.anchorLinks === "object" && headings.anchorLinks.h4);
 </script>