@nuxt/ui 4.4.0 → 4.5.1

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

@@ -1,6 +1,9 @@
 export interface ProseKbdProps {
     value: string;
     class?: any;
+    ui?: {
+        base?: any;
+    };
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,8 +1,12 @@
+import type { VNode } from 'vue';
 export interface ProseLiProps {
     class?: any;
+    ui?: {
+        base?: any;
+    };
 }
 export interface ProseLiSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -5,17 +5,20 @@ import theme from "#build/ui/prose/li";
 <script setup>
 import { computed } from "vue";
 import { useAppConfig } from "#imports";
+import { useComponentUI } from "../../composables/useComponentUI";
 import { tv } from "../../utils/tv";
 const props = defineProps({
-  class: { type: null, required: false }
+  class: { type: null, required: false },
+  ui: { type: Object, required: false }
 });
 defineSlots();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("prose.li", props);
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.li || {} }));
 </script>
 
 <template>
-  <li :class="ui({ class: props.class })">
+  <li :class="ui({ class: [uiProp?.base, props.class] })">
     <slot />
   </li>
 </template>

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

@@ -1,8 +1,12 @@
+import type { VNode } from 'vue';
 export interface ProseLiProps {
     class?: any;
+    ui?: {
+        base?: any;
+    };
 }
 export interface ProseLiSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,8 +1,12 @@
+import type { VNode } from 'vue';
 export interface ProseOlProps {
     class?: any;
+    ui?: {
+        base?: any;
+    };
 }
 export interface ProseOlSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -5,17 +5,20 @@ import theme from "#build/ui/prose/ol";
 <script setup>
 import { computed } from "vue";
 import { useAppConfig } from "#imports";
+import { useComponentUI } from "../../composables/useComponentUI";
 import { tv } from "../../utils/tv";
 const props = defineProps({
-  class: { type: null, required: false }
+  class: { type: null, required: false },
+  ui: { type: Object, required: false }
 });
 defineSlots();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("prose.ol", props);
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.ol || {} }));
 </script>
 
 <template>
-  <ol :class="ui({ class: props.class })">
+  <ol :class="ui({ class: [uiProp?.base, props.class] })">
     <slot />
   </ol>
 </template>

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

@@ -1,8 +1,12 @@
+import type { VNode } from 'vue';
 export interface ProseOlProps {
     class?: any;
+    ui?: {
+        base?: any;
+    };
 }
 export interface ProseOlSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,8 +1,12 @@
+import type { VNode } from 'vue';
 export interface ProsePProps {
     class?: any;
+    ui?: {
+        base?: any;
+    };
 }
 export interface ProsePSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -5,17 +5,20 @@ import theme from "#build/ui/prose/p";
 <script setup>
 import { computed } from "vue";
 import { useAppConfig } from "#imports";
+import { useComponentUI } from "../../composables/useComponentUI";
 import { tv } from "../../utils/tv";
 const props = defineProps({
-  class: { type: null, required: false }
+  class: { type: null, required: false },
+  ui: { type: Object, required: false }
 });
 defineSlots();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("prose.p", props);
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.p || {} }));
 </script>
 
 <template>
-  <p :class="ui({ class: props.class })">
+  <p :class="ui({ class: [uiProp?.base, props.class] })">
     <slot />
   </p>
 </template>

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

@@ -1,8 +1,12 @@
+import type { VNode } from 'vue';
 export interface ProsePProps {
     class?: any;
+    ui?: {
+        base?: any;
+    };
 }
 export interface ProsePSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/prose/pre';
 import type { IconProps } from '../../types';
@@ -15,7 +16,7 @@ export interface ProsePreProps {
     ui?: ProsePre['slots'];
 }
 export interface ProsePreSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -6,6 +6,7 @@ import theme from "#build/ui/prose/pre";
 import { computed } from "vue";
 import { useClipboard } from "@vueuse/core";
 import { useAppConfig } from "#imports";
+import { useComponentUI } from "../../composables/useComponentUI";
 import { useLocale } from "../../composables/useLocale";
 import { tv } from "../../utils/tv";
 import UCodeIcon from "./CodeIcon.vue";
@@ -19,21 +20,22 @@ const props = defineProps({
   hideHeader: { type: Boolean, required: false },
   meta: { type: String, required: false },
   class: { type: null, required: false },
-  ui: { type: null, required: false }
+  ui: { type: Object, required: false }
 });
 defineSlots();
 const { t } = useLocale();
 const { copy, copied } = useClipboard();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("prose.pre", props);
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.pre || {} })());
 </script>
 
 <template>
-  <div :class="ui.root({ class: [props.ui?.root], filename: !!filename })">
-    <div v-if="filename && !hideHeader" :class="ui.header({ class: props.ui?.header })">
-      <UCodeIcon :icon="icon" :filename="filename" :class="ui.icon({ class: props.ui?.icon })" />
+  <div :class="ui.root({ class: [uiProp?.root], filename: !!filename })">
+    <div v-if="filename && !hideHeader" :class="ui.header({ class: uiProp?.header })">
+      <UCodeIcon :icon="icon" :filename="filename" :class="ui.icon({ class: uiProp?.icon })" />
 
-      <span :class="ui.filename({ class: props.ui?.filename })">{{ filename }}</span>
+      <span :class="ui.filename({ class: uiProp?.filename })">{{ filename }}</span>
     </div>
 
     <UButton
@@ -42,12 +44,12 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.pre ||
       variant="outline"
       size="sm"
       :aria-label="t('prose.pre.copy')"
-      :class="ui.copy({ class: props.ui?.copy })"
+      :class="ui.copy({ class: uiProp?.copy })"
       tabindex="-1"
       @click="copy(props.code || '')"
     />
 
-    <pre :class="ui.base({ class: [props.ui?.base, props.class] })" v-bind="$attrs"><slot /></pre>
+    <pre :class="ui.base({ class: [uiProp?.base, props.class] })" v-bind="$attrs"><slot /></pre>
   </div>
 </template>
 

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/prose/pre';
 import type { IconProps } from '../../types';
@@ -15,7 +16,7 @@ export interface ProsePreProps {
     ui?: ProsePre['slots'];
 }
 export interface ProsePreSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import type { ComponentConfig } from '../../types/tv';
 import theme from '#build/ui/prose/steps';
@@ -9,9 +10,12 @@ export interface ProseStepsProps {
      */
     level?: ProseSteps['variants']['level'];
     class?: any;
+    ui?: {
+        base?: any;
+    };
 }
 export interface ProseStepsSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -5,18 +5,21 @@ import theme from "#build/ui/prose/steps";
 <script setup>
 import { computed } from "vue";
 import { useAppConfig } from "#imports";
+import { useComponentUI } from "../../composables/useComponentUI";
 import { tv } from "../../utils/tv";
 const props = defineProps({
   level: { type: null, required: false },
-  class: { type: null, required: false }
+  class: { type: null, required: false },
+  ui: { type: Object, required: false }
 });
 defineSlots();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("prose.steps", props);
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.steps || {} }));
 </script>
 
 <template>
-  <div :class="ui({ class: props.class, level: props.level })">
+  <div :class="ui({ class: [uiProp?.base, props.class], level: props.level })">
     <slot />
   </div>
 </template>

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import type { ComponentConfig } from '../../types/tv';
 import theme from '#build/ui/prose/steps';
@@ -9,9 +10,12 @@ export interface ProseStepsProps {
      */
     level?: ProseSteps['variants']['level'];
     class?: any;
+    ui?: {
+        base?: any;
+    };
 }
 export interface ProseStepsSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,8 +1,12 @@
+import type { VNode } from 'vue';
 export interface ProseStrongProps {
     class?: any;
+    ui?: {
+        base?: any;
+    };
 }
 export interface ProseStrongSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -5,17 +5,20 @@ import theme from "#build/ui/prose/strong";
 <script setup>
 import { computed } from "vue";
 import { useAppConfig } from "#imports";
+import { useComponentUI } from "../../composables/useComponentUI";
 import { tv } from "../../utils/tv";
 const props = defineProps({
-  class: { type: null, required: false }
+  class: { type: null, required: false },
+  ui: { type: Object, required: false }
 });
 defineSlots();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("prose.strong", props);
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.strong || {} }));
 </script>
 
 <template>
-  <strong :class="ui({ class: props.class })">
+  <strong :class="ui({ class: [uiProp?.base, props.class] })">
     <slot />
   </strong>
 </template>

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

@@ -1,8 +1,12 @@
+import type { VNode } from 'vue';
 export interface ProseStrongProps {
     class?: any;
+    ui?: {
+        base?: any;
+    };
 }
 export interface ProseStrongSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import type { ComponentConfig } from '../../types/tv';
 import theme from '#build/ui/prose/table';
@@ -7,7 +8,7 @@ export interface ProseTableProps {
     ui?: ProseTable['slots'];
 }
 export interface ProseTableSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -5,19 +5,21 @@ import theme from "#build/ui/prose/table";
 <script setup>
 import { computed } from "vue";
 import { useAppConfig } from "#imports";
+import { useComponentUI } from "../../composables/useComponentUI";
 import { tv } from "../../utils/tv";
 const props = defineProps({
   class: { type: null, required: false },
-  ui: { type: null, required: false }
+  ui: { type: Object, required: false }
 });
 defineSlots();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("prose.table", props);
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.table || {} })());
 </script>
 
 <template>
-  <div :class="ui.root({ class: [props.ui?.root, props.class] })">
-    <table :class="ui.base({ class: props.ui?.base })">
+  <div :class="ui.root({ class: [uiProp?.root, props.class] })">
+    <table :class="ui.base({ class: uiProp?.base })">
       <slot />
     </table>
   </div>

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import type { ComponentConfig } from '../../types/tv';
 import theme from '#build/ui/prose/table';
@@ -7,7 +8,7 @@ export interface ProseTableProps {
     ui?: ProseTable['slots'];
 }
 export interface ProseTableSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/prose/tabs';
 import type { TabsProps } from '../../types';
@@ -21,7 +22,7 @@ export interface ProseTabsProps {
     ui?: ProseTabs['slots'] & TabsProps['ui'];
 }
 export interface ProseTabsSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -5,6 +5,7 @@ import theme from "#build/ui/prose/tabs";
 <script setup>
 import { computed, watch, onMounted, ref, onBeforeUpdate } from "vue";
 import { useState, useAppConfig } from "#imports";
+import { useComponentUI } from "../../composables/useComponentUI";
 import { transformUI } from "../../utils";
 import { tv } from "../../utils/tv";
 import UTabs from "../Tabs.vue";
@@ -13,11 +14,12 @@ const props = defineProps({
   sync: { type: String, required: false },
   hash: { type: String, required: false },
   class: { type: null, required: false },
-  ui: { type: void 0, required: false }
+  ui: { type: Object, required: false }
 });
 const slots = defineSlots();
 const model = defineModel({ type: String });
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("prose.tabs", props);
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.tabs || {} }));
 const rerenderCount = ref(1);
 const items = computed(() => {
@@ -70,7 +72,7 @@ onBeforeUpdate(() => rerenderCount.value++);
     :items="items"
     :class="props.class"
     :unmount-on-hide="false"
-    :ui="transformUI(ui(), props.ui)"
+    :ui="transformUI(ui(), uiProp)"
     @update:model-value="onUpdateModelValue"
   >
     <template #content="{ item }">

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/ui/prose/tabs';
 import type { TabsProps } from '../../types';
@@ -21,7 +22,7 @@ export interface ProseTabsProps {
     ui?: ProseTabs['slots'] & TabsProps['ui'];
 }
 export interface ProseTabsSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,10 +1,14 @@
+import type { VNode } from 'vue';
 export interface ProseTabsItemProps {
     label: string;
     description?: string;
     class?: any;
+    ui?: {
+        base?: any;
+    };
 }
 export interface ProseTabsItemSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -5,19 +5,22 @@ import theme from "#build/ui/prose/tabs-item";
 <script setup>
 import { computed } from "vue";
 import { useAppConfig } from "#imports";
+import { useComponentUI } from "../../composables/useComponentUI";
 import { tv } from "../../utils/tv";
 const props = defineProps({
   label: { type: String, required: true },
   description: { type: String, required: false },
-  class: { type: null, required: false }
+  class: { type: null, required: false },
+  ui: { type: Object, required: false }
 });
 defineSlots();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("prose.tabsItem", props);
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.tabsItem || {} }));
 </script>
 
 <template>
-  <div :class="ui({ class: props.class })">
+  <div :class="ui({ class: [uiProp?.base, props.class] })">
     <slot>
       {{ description }}
     </slot>

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

@@ -1,10 +1,14 @@
+import type { VNode } from 'vue';
 export interface ProseTabsItemProps {
     label: string;
     description?: string;
     class?: any;
+    ui?: {
+        base?: any;
+    };
 }
 export interface ProseTabsItemSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,8 +1,12 @@
+import type { VNode } from 'vue';
 export interface ProseTbodyProps {
     class?: any;
+    ui?: {
+        base?: any;
+    };
 }
 export interface ProseTbodySlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -5,17 +5,20 @@ import theme from "#build/ui/prose/tbody";
 <script setup>
 import { computed } from "vue";
 import { useAppConfig } from "#imports";
+import { useComponentUI } from "../../composables/useComponentUI";
 import { tv } from "../../utils/tv";
 const props = defineProps({
-  class: { type: null, required: false }
+  class: { type: null, required: false },
+  ui: { type: Object, required: false }
 });
 defineSlots();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("prose.tbody", props);
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.tbody || {} }));
 </script>
 
 <template>
-  <tbody :class="ui({ class: props.class })">
+  <tbody :class="ui({ class: [uiProp?.base, props.class] })">
     <slot />
   </tbody>
 </template>

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

@@ -1,8 +1,12 @@
+import type { VNode } from 'vue';
 export interface ProseTbodyProps {
     class?: any;
+    ui?: {
+        base?: any;
+    };
 }
 export interface ProseTbodySlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,9 +1,13 @@
+import type { VNode } from 'vue';
 export interface ProseTdProps {
     align?: 'left' | 'center' | 'right';
     class?: any;
+    ui?: {
+        base?: any;
+    };
 }
 export interface ProseTdSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -5,18 +5,21 @@ import theme from "#build/ui/prose/td";
 <script setup>
 import { computed } from "vue";
 import { useAppConfig } from "#imports";
+import { useComponentUI } from "../../composables/useComponentUI";
 import { tv } from "../../utils/tv";
 const props = defineProps({
   align: { type: String, required: false },
-  class: { type: null, required: false }
+  class: { type: null, required: false },
+  ui: { type: Object, required: false }
 });
 defineSlots();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("prose.td", props);
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.prose?.td || {} }));
 </script>
 
 <template>
-  <td :class="ui({ align: props.align, class: props.class })">
+  <td :class="ui({ align: props.align, class: [uiProp?.base, props.class] })">
     <slot />
   </td>
 </template>

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

@@ -1,9 +1,13 @@
+import type { VNode } from 'vue';
 export interface ProseTdProps {
     align?: 'left' | 'center' | 'right';
     class?: any;
+    ui?: {
+        base?: any;
+    };
 }
 export interface ProseTdSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;