npm - @bitrix24/b24ui-nuxt - Versions diffs - 2.3.0 → 2.4.1 - Mend

@bitrix24/b24ui-nuxt 2.3.0 → 2.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (534) hide show

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/prose/collapsible';
 import type { IconComponent, CollapsibleProps } from '../../types';
@@ -28,7 +29,7 @@ export interface ProseCollapsibleProps {
     b24ui?: ProseCollapsible['slots'] & CollapsibleProps['b24ui'];
 }
 export interface ProseCollapsibleSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/prose/em';
 import type { ComponentConfig } from '../../types/tv';
@@ -6,11 +7,8 @@ export interface ProseEmProps {
     class?: any;
     b24ui?: ProseEm['slots'];
 }
-/**
- * @todo add Pick<Xxxx
- */
 export interface ProseEmSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/prose/Em.vue CHANGED Viewed

@@ -5,6 +5,7 @@ import theme from "#build/b24ui/prose/em";
 <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 },
@@ -12,11 +13,12 @@ const props = defineProps({
 });
 defineSlots();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("prose.em", props);
 const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.em || {} })());
 </script>
 <template>
-  <em data-slot="base" :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
+  <em data-slot="base" :class="b24ui.base({ class: [uiProp?.base, props.class] })">
     <slot />
   </em>
 </template>

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/prose/em';
 import type { ComponentConfig } from '../../types/tv';
@@ -6,11 +7,8 @@ export interface ProseEmProps {
     class?: any;
     b24ui?: ProseEm['slots'];
 }
-/**
- * @todo add Pick<Xxxx
- */
 export interface ProseEmSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -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/b24ui/prose/field';
@@ -28,7 +29,7 @@ export interface ProseFieldProps {
     b24ui?: ProseField['slots'];
 }
 export interface ProseFieldSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/prose/Field.vue CHANGED Viewed

@@ -6,6 +6,7 @@ import theme from "#build/b24ui/prose/field";
 import { computed } from "vue";
 import { Primitive } from "reka-ui";
 import { useAppConfig } from "#imports";
+import { useComponentUI } from "../../composables/useComponentUI";
 import { tv } from "../../utils/tv";
 const props = defineProps({
   as: { type: null, required: false },
@@ -18,28 +19,29 @@ const props = defineProps({
 });
 const slots = defineSlots();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("prose.field", props);
 const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.field || {} })());
 </script>
 <template>
-  <Primitive :as="as" data-slot="root" :class="b24ui.root({ class: [props.b24ui?.root, props.class] })">
-    <div data-slot="container" :class="b24ui.container({ class: props.b24ui?.container })">
-      <span v-if="name" data-slot="name" :class="b24ui.name({ class: props.b24ui?.name })">
+  <Primitive :as="as" data-slot="root" :class="b24ui.root({ class: [uiProp?.root, props.class] })">
+    <div data-slot="container" :class="b24ui.container({ class: uiProp?.container })">
+      <span v-if="name" data-slot="name" :class="b24ui.name({ class: uiProp?.name })">
         {{ name }}
       </span>
-      <div v-if="type || required" data-slot="wrapper" :class="b24ui.wrapper({ class: props.b24ui?.wrapper })">
-        <span v-if="type" data-slot="type" :class="b24ui.type({ class: props.b24ui?.type })">
+      <div v-if="type || required" data-slot="wrapper" :class="b24ui.wrapper({ class: uiProp?.wrapper })">
+        <span v-if="type" data-slot="type" :class="b24ui.type({ class: uiProp?.type })">
           {{ type }}
         </span>
-        <span v-if="required" data-slot="required" :class="b24ui.required({ class: props.b24ui?.required })">
+        <span v-if="required" data-slot="required" :class="b24ui.required({ class: uiProp?.required })">
           required
         </span>
       </div>
     </div>
-    <div v-if="!!slots.default || description" data-slot="description" :class="b24ui.description({ class: props.b24ui?.description })">
+    <div v-if="!!slots.default || description" data-slot="description" :class="b24ui.description({ class: uiProp?.description })">
       <slot mdc-unwrap="p">
         {{ description }}
       </slot>

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

@@ -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/b24ui/prose/field';
@@ -28,7 +29,7 @@ export interface ProseFieldProps {
     b24ui?: ProseField['slots'];
 }
 export interface ProseFieldSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 export interface ProseFieldGroupProps {
     /**
      * The element or component this component should render as.
@@ -5,9 +6,12 @@ export interface ProseFieldGroupProps {
      */
     as?: any;
     class?: any;
+    b24ui?: {
+        base?: any;
+    };
 }
 export interface ProseFieldGroupSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/prose/FieldGroup.vue CHANGED Viewed

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

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 export interface ProseFieldGroupProps {
     /**
      * The element or component this component should render as.
@@ -5,9 +6,12 @@ export interface ProseFieldGroupProps {
      */
     as?: any;
     class?: any;
+    b24ui?: {
+        base?: any;
+    };
 }
 export interface ProseFieldGroupSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/prose/h1';
 import type { ComponentConfig } from '../../types/tv';
@@ -12,7 +13,7 @@ export interface ProseH1Props {
     b24ui?: ProseH1['slots'];
 }
 export interface ProseH1Slots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -5,6 +5,7 @@ import theme from "#build/b24ui/prose/h1";
 <script setup>
 import { computed } from "vue";
 import { useAppConfig, useRuntimeConfig } from "#imports";
+import { useComponentUI } from "../../composables/useComponentUI";
 import { tv } from "../../utils/tv";
 const props = defineProps({
   id: { type: String, required: false },
@@ -14,6 +15,7 @@ const props = defineProps({
 });
 defineSlots();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("prose.h1", props);
 const { headings } = useRuntimeConfig().public?.mdc || {};
 const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.h1 || {} })({
   accent: props.accent
@@ -25,9 +27,9 @@ const generate = computed(() => props.id && typeof headings?.anchorLinks === "ob
   <h1
     :id="id"
     data-slot="base"
-    :class="b24ui.base({ class: [props.b24ui?.base, props.class] })"
+    :class="b24ui.base({ class: [uiProp?.base, props.class] })"
   >
-    <a v-if="id && generate" :href="`#${id}`" :class="b24ui.link({ class: props.b24ui?.link })">
+    <a v-if="id && generate" :href="`#${id}`" :class="b24ui.link({ class: uiProp?.link })">
       <slot />
     </a>
     <slot v-else />

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/prose/h1';
 import type { ComponentConfig } from '../../types/tv';
@@ -12,7 +13,7 @@ export interface ProseH1Props {
     b24ui?: ProseH1['slots'];
 }
 export interface ProseH1Slots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/prose/h2';
 import type { ComponentConfig } from '../../types/tv';
@@ -12,7 +13,7 @@ export interface ProseH2Props {
     b24ui?: ProseH2['slots'];
 }
 export interface ProseH2Slots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -5,6 +5,7 @@ import theme from "#build/b24ui/prose/h2";
 <script setup>
 import { computed } from "vue";
 import { useAppConfig, useRuntimeConfig } from "#imports";
+import { useComponentUI } from "../../composables/useComponentUI";
 import { tv } from "../../utils/tv";
 import icons from "../../dictionary/icons";
 const props = defineProps({
@@ -15,6 +16,7 @@ const props = defineProps({
 });
 defineSlots();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("prose.h2", props);
 const { headings } = useRuntimeConfig().public?.mdc || {};
 const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.h2 || {} })({
   accent: props.accent
@@ -26,14 +28,14 @@ const generate = computed(() => props.id && typeof headings?.anchorLinks === "ob
   <h2
     :id="id"
     data-slot="base"
-    :class="b24ui.base({ class: [props.b24ui?.base, props.class] })"
+    :class="b24ui.base({ class: [uiProp?.base, props.class] })"
   >
-    <a v-if="id && generate" :href="`#${id}`" data-slot="link" :class="b24ui.link({ class: props.b24ui?.link })">
-      <span data-slot="leading" :class="b24ui.leading({ class: props.b24ui?.leading })">
+    <a v-if="id && generate" :href="`#${id}`" data-slot="link" :class="b24ui.link({ class: uiProp?.link })">
+      <span data-slot="leading" :class="b24ui.leading({ class: uiProp?.leading })">
         <Component
           :is="icons.hash"
           data-slot="leadingIcon"
-          :class="b24ui.leadingIcon({ class: props.b24ui?.leadingIcon })"
+          :class="b24ui.leadingIcon({ class: uiProp?.leadingIcon })"
         />
       </span>

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/prose/h2';
 import type { ComponentConfig } from '../../types/tv';
@@ -12,7 +13,7 @@ export interface ProseH2Props {
     b24ui?: ProseH2['slots'];
 }
 export interface ProseH2Slots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/prose/h3';
 import type { ComponentConfig } from '../../types/tv';
@@ -12,7 +13,7 @@ export interface ProseH3Props {
     b24ui?: ProseH3['slots'];
 }
 export interface ProseH3Slots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -5,6 +5,7 @@ import theme from "#build/b24ui/prose/h3";
 <script setup>
 import { computed } from "vue";
 import { useAppConfig, useRuntimeConfig } from "#imports";
+import { useComponentUI } from "../../composables/useComponentUI";
 import { tv } from "../../utils/tv";
 import icons from "../../dictionary/icons";
 const props = defineProps({
@@ -15,6 +16,7 @@ const props = defineProps({
 });
 defineSlots();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("prose.h3", props);
 const { headings } = useRuntimeConfig().public?.mdc || {};
 const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.h3 || {} })({
   accent: props.accent
@@ -26,14 +28,14 @@ const generate = computed(() => props.id && typeof headings?.anchorLinks === "ob
   <h3
     :id="id"
     data-slot="base"
-    :class="b24ui.base({ class: [props.b24ui?.base, props.class] })"
+    :class="b24ui.base({ class: [uiProp?.base, props.class] })"
   >
-    <a v-if="id && generate" :href="`#${id}`" data-slot="link" :class="b24ui.link({ class: props.b24ui?.link })">
-      <span data-slot="leading" :class="b24ui.leading({ class: props.b24ui?.leading })">
+    <a v-if="id && generate" :href="`#${id}`" data-slot="link" :class="b24ui.link({ class: uiProp?.link })">
+      <span data-slot="leading" :class="b24ui.leading({ class: uiProp?.leading })">
         <Component
           :is="icons.hash"
           data-slot="leadingIcon"
-          :class="b24ui.leadingIcon({ class: props.b24ui?.leadingIcon })"
+          :class="b24ui.leadingIcon({ class: uiProp?.leadingIcon })"
         />
       </span>

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/prose/h3';
 import type { ComponentConfig } from '../../types/tv';
@@ -12,7 +13,7 @@ export interface ProseH3Props {
     b24ui?: ProseH3['slots'];
 }
 export interface ProseH3Slots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/prose/h4';
 import type { ComponentConfig } from '../../types/tv';
@@ -12,7 +13,7 @@ export interface ProseH4Props {
     b24ui?: ProseH4['slots'];
 }
 export interface ProseH4Slots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -5,6 +5,7 @@ import theme from "#build/b24ui/prose/h4";
 <script setup>
 import { computed } from "vue";
 import { useAppConfig, useRuntimeConfig } from "#imports";
+import { useComponentUI } from "../../composables/useComponentUI";
 import { tv } from "../../utils/tv";
 import icons from "../../dictionary/icons";
 const props = defineProps({
@@ -15,6 +16,7 @@ const props = defineProps({
 });
 defineSlots();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("prose.h4", props);
 const { headings } = useRuntimeConfig().public?.mdc || {};
 const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.h4 || {} })({
   accent: props.accent
@@ -26,14 +28,14 @@ const generate = computed(() => props.id && typeof headings?.anchorLinks === "ob
   <h4
     :id="id"
     data-slot="base"
-    :class="b24ui.base({ class: [props.b24ui?.base, props.class] })"
+    :class="b24ui.base({ class: [uiProp?.base, props.class] })"
   >
-    <a v-if="id && generate" :href="`#${id}`" data-slot="link" :class="b24ui.link({ class: props.b24ui?.link })">
-      <span data-slot="leading" :class="b24ui.leading({ class: props.b24ui?.leading })">
+    <a v-if="id && generate" :href="`#${id}`" data-slot="link" :class="b24ui.link({ class: uiProp?.link })">
+      <span data-slot="leading" :class="b24ui.leading({ class: uiProp?.leading })">
         <Component
           :is="icons.hash"
           data-slot="leadingIcon"
-          :class="b24ui.leadingIcon({ class: props.b24ui?.leadingIcon })"
+          :class="b24ui.leadingIcon({ class: uiProp?.leadingIcon })"
         />
       </span>

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/prose/h4';
 import type { ComponentConfig } from '../../types/tv';
@@ -12,7 +13,7 @@ export interface ProseH4Props {
     b24ui?: ProseH4['slots'];
 }
 export interface ProseH4Slots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/prose/H5.d.vue.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/prose/h5';
 import type { ComponentConfig } from '../../types/tv';
@@ -12,7 +13,7 @@ export interface ProseH5Props {
     b24ui?: ProseH5['slots'];
 }
 export interface ProseH5Slots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/prose/H5.vue CHANGED Viewed

@@ -5,6 +5,7 @@ import theme from "#build/b24ui/prose/h5";
 <script setup>
 import { computed } from "vue";
 import { useAppConfig } from "#imports";
+import { useComponentUI } from "../../composables/useComponentUI";
 import { tv } from "../../utils/tv";
 const props = defineProps({
   id: { type: String, required: false },
@@ -14,6 +15,7 @@ const props = defineProps({
 });
 defineSlots();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("prose.h5", props);
 const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.h5 || {} })({
   accent: props.accent
 }));
@@ -23,7 +25,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
   <h5
     :id="id"
     data-slot="base"
-    :class="b24ui.base({ class: [props.b24ui?.base, props.class] })"
+    :class="b24ui.base({ class: [uiProp?.base, props.class] })"
   >
     <slot />
   </h5>

package/dist/runtime/components/prose/H5.vue.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/prose/h5';
 import type { ComponentConfig } from '../../types/tv';
@@ -12,7 +13,7 @@ export interface ProseH5Props {
     b24ui?: ProseH5['slots'];
 }
 export interface ProseH5Slots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/prose/H6.d.vue.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/prose/h6';
 import type { ComponentConfig } from '../../types/tv';
@@ -12,7 +13,7 @@ export interface ProseH6Props {
     b24ui?: ProseH6['slots'];
 }
 export interface ProseH6Slots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/prose/H6.vue CHANGED Viewed

@@ -5,6 +5,7 @@ import theme from "#build/b24ui/prose/h6";
 <script setup>
 import { computed } from "vue";
 import { useAppConfig } from "#imports";
+import { useComponentUI } from "../../composables/useComponentUI";
 import { tv } from "../../utils/tv";
 const props = defineProps({
   id: { type: String, required: false },
@@ -14,6 +15,7 @@ const props = defineProps({
 });
 defineSlots();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("prose.h6", props);
 const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.h6 || {} })({
   accent: props.accent
 }));
@@ -23,7 +25,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
   <h6
     :id="id"
     data-slot="base"
-    :class="b24ui.base({ class: [props.b24ui?.base, props.class] })"
+    :class="b24ui.base({ class: [uiProp?.base, props.class] })"
   >
     <slot />
   </h6>

package/dist/runtime/components/prose/H6.vue.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/prose/h6';
 import type { ComponentConfig } from '../../types/tv';
@@ -12,7 +13,7 @@ export interface ProseH6Props {
     b24ui?: ProseH6['slots'];
 }
 export interface ProseH6Slots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -6,12 +6,6 @@ export interface ProseHrProps {
     class?: any;
     b24ui?: ProseHr['slots'];
 }
-/**
- * @todo add Pick<Xxxx
- */
-/**
- * @todo add Pick<Xxxx
- */
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<ProseHrProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseHrProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/prose/Hr.vue CHANGED Viewed

@@ -5,15 +5,17 @@ import theme from "#build/b24ui/prose/hr";
 <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 },
   b24ui: { type: Object, required: false }
 });
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("prose.hr", props);
 const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.hr || {} })());
 </script>
 <template>
-  <hr data-slot="base" :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
+  <hr data-slot="base" :class="b24ui.base({ class: [uiProp?.base, props.class] })">
 </template>

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

@@ -6,12 +6,6 @@ export interface ProseHrProps {
     class?: any;
     b24ui?: ProseHr['slots'];
 }
-/**
- * @todo add Pick<Xxxx
- */
-/**
- * @todo add Pick<Xxxx
- */
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<ProseHrProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseHrProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;