@bitrix24/b24ui-nuxt 2.2.1 → 2.4.0

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

@@ -6,6 +6,7 @@ import theme from "#build/b24ui/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 icons from "../../dictionary/icons";
@@ -21,21 +22,22 @@ const props = defineProps({
   meta: { type: String, required: false },
   class: { type: null, required: false },
   style: { type: null, required: false },
-  b24ui: { type: null, required: false }
+  b24ui: { type: Object, required: false }
 });
 defineSlots();
 const { t } = useLocale();
 const { copy, copied } = useClipboard();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("prose.pre", props);
 const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.pre || {} })());
 </script>
 
 <template>
-  <div data-slot="root" :class="b24ui.root({ class: [props.b24ui?.root], filename: !!filename })">
-    <div v-if="filename && !hideHeader" data-slot="header" :class="b24ui.header({ class: props.b24ui?.header })">
-      <B24CodeIcon :icon="icon" :filename="filename" data-slot="icon" :class="b24ui.icon({ class: props.b24ui?.icon })" />
+  <div data-slot="root" :class="b24ui.root({ class: [uiProp?.root], filename: !!filename })">
+    <div v-if="filename && !hideHeader" data-slot="header" :class="b24ui.header({ class: uiProp?.header })">
+      <B24CodeIcon :icon="icon" :filename="filename" data-slot="icon" :class="b24ui.icon({ class: uiProp?.icon })" />
 
-      <span data-slot="filename" :class="b24ui.filename({ class: props.b24ui?.filename })">{{ filename }}</span>
+      <span data-slot="filename" :class="b24ui.filename({ class: uiProp?.filename })">{{ filename }}</span>
     </div>
 
     <B24Button
@@ -43,7 +45,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
       size="sm"
       :aria-label="t('prose.pre.copy')"
       data-slot="copy"
-      :class="b24ui.copy({ class: props.b24ui?.copy })"
+      :class="b24ui.copy({ class: uiProp?.copy })"
       tabindex="-1"
       :icon="copied ? icons.copyCheck : icons.copy"
       :b24ui="{
@@ -52,7 +54,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
       @click="copy(props.code || '')"
     />
 
-    <pre data-slot="base" :class="b24ui.base({ class: [props.b24ui?.base, props.class] })" v-bind="$attrs"><slot /></pre>
+    <pre data-slot="base" :class="b24ui.base({ class: [uiProp?.base, props.class] })" v-bind="$attrs"><slot /></pre>
   </div>
 </template>
 

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

@@ -18,9 +18,9 @@ export interface ProsePreProps {
 export interface ProsePreSlots {
     default(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProsePreProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProsePreProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProsePreSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProsePreProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProsePreProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProsePreSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -9,13 +9,16 @@ export interface ProseStepsProps {
      */
     level?: ProseSteps['variants']['level'];
     class?: any;
+    b24ui?: {
+        base?: any;
+    };
 }
 export interface ProseStepsSlots {
     default(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseStepsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseStepsProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseStepsSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseStepsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseStepsProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseStepsSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

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

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

@@ -9,13 +9,16 @@ export interface ProseStepsProps {
      */
     level?: ProseSteps['variants']['level'];
     class?: any;
+    b24ui?: {
+        base?: any;
+    };
 }
 export interface ProseStepsSlots {
     default(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseStepsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseStepsProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseStepsSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseStepsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseStepsProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseStepsSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -6,15 +6,12 @@ export interface ProseStrongProps {
     class?: any;
     b24ui?: ProseStrong['slots'];
 }
-/**
- * @todo add Pick<Xxxx
- */
 export interface ProseStrongSlots {
     default(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseStrongProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseStrongProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseStrongSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseStrongProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseStrongProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseStrongSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

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

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

@@ -6,15 +6,12 @@ export interface ProseStrongProps {
     class?: any;
     b24ui?: ProseStrong['slots'];
 }
-/**
- * @todo add Pick<Xxxx
- */
 export interface ProseStrongSlots {
     default(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseStrongProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseStrongProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseStrongSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseStrongProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseStrongProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseStrongSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -30,9 +30,15 @@ export interface ProseTableProps {
 export interface ProseTableSlots {
     default(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseTableProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTableProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTableSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseTableProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTableProps> & Readonly<{}>, {
+    rounded: boolean;
+    as: any;
+    zebra: boolean;
+    rowHover: boolean;
+    bordered: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTableSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -5,6 +5,7 @@ import theme from "#build/b24ui/prose/table";
 <script setup>
 import { computed } from "vue";
 import { useAppConfig } from "#imports";
+import { useComponentUI } from "../../composables/useComponentUI";
 import { tv } from "../../utils/tv";
 import B24TableWrapper from "./../TableWrapper.vue";
 defineOptions({ inheritAttrs: false });
@@ -15,10 +16,11 @@ const props = defineProps({
   rowHover: { type: Boolean, required: false, default: true },
   bordered: { type: Boolean, required: false, default: true },
   class: { type: null, required: false },
-  b24ui: { type: null, required: false }
+  b24ui: { type: Object, required: false }
 });
 defineSlots();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("prose.table", props);
 const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.table || {} })());
 </script>
 
@@ -26,14 +28,14 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
   <B24TableWrapper
     :as="as"
     data-slot="root"
-    :class="b24ui.root({ class: [props.b24ui?.root, props.class] })"
+    :class="b24ui.root({ class: [uiProp?.root, props.class] })"
     :zebra="props.zebra"
     :row-hover="props.rowHover"
     :rounded="props.rounded"
     :bordered="props.bordered"
     size="sm"
   >
-    <table data-slot="base" :class="b24ui.base({ class: props.b24ui?.base })">
+    <table data-slot="base" :class="b24ui.base({ class: uiProp?.base })">
       <slot />
     </table>
   </B24TableWrapper>

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

@@ -30,9 +30,15 @@ export interface ProseTableProps {
 export interface ProseTableSlots {
     default(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseTableProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTableProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTableSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseTableProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTableProps> & Readonly<{}>, {
+    rounded: boolean;
+    as: any;
+    zebra: boolean;
+    rowHover: boolean;
+    bordered: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTableSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -23,6 +23,8 @@ export interface ProseTabsProps {
 export interface ProseTabsSlots {
     default(props?: {}): any;
 }
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseTabsProps & {
     modelValue?: string;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -31,9 +33,9 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseT
     modelValue?: string;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTabsSlots>;
-declare const _default: typeof __VLS_export;
-export default _default;
+}>, {
+    defaultValue: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTabsSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -5,6 +5,7 @@ import theme from "#build/b24ui/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 B24Tabs 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 },
-  b24ui: { type: void 0, required: false }
+  b24ui: { type: Object, required: false }
 });
 const slots = defineSlots();
 const model = defineModel({ type: String });
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("prose.tabs", props);
 const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.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"
-    :b24ui="transformUI(b24ui(), props.b24ui)"
+    :b24ui="transformUI(b24ui(), uiProp)"
     @update:model-value="onUpdateModelValue"
   >
     <template #content="{ item }">

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

@@ -23,6 +23,8 @@ export interface ProseTabsProps {
 export interface ProseTabsSlots {
     default(props?: {}): any;
 }
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseTabsProps & {
     modelValue?: string;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -31,9 +33,9 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseT
     modelValue?: string;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTabsSlots>;
-declare const _default: typeof __VLS_export;
-export default _default;
+}>, {
+    defaultValue: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTabsSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

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

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

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

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

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

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

@@ -6,15 +6,12 @@ export interface ProseTbodyProps {
     class?: any;
     b24ui?: ProseTbody['slots'];
 }
-/**
- * @todo add Pick<Xxxx
- */
 export interface ProseTbodySlots {
     default(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseTbodyProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTbodyProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTbodySlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseTbodyProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTbodyProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTbodySlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

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

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

@@ -6,15 +6,12 @@ export interface ProseTbodyProps {
     class?: any;
     b24ui?: ProseTbody['slots'];
 }
-/**
- * @todo add Pick<Xxxx
- */
 export interface ProseTbodySlots {
     default(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseTbodyProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTbodyProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTbodySlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseTbodyProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTbodyProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTbodySlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -3,18 +3,16 @@ import theme from '#build/b24ui/prose/td';
 import type { ComponentConfig } from '../../types/tv';
 type ProseTd = ComponentConfig<typeof theme, AppConfig, 'td', 'b24ui.prose'>;
 export interface ProseTdProps {
+    align?: 'left' | 'center' | 'right';
     class?: any;
     b24ui?: ProseTd['slots'];
 }
-/**
- * @todo add Pick<Xxxx
- */
 export interface ProseTdSlots {
     default(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseTdProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTdProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTdSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseTdProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTdProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTdSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

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

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

@@ -3,18 +3,16 @@ import theme from '#build/b24ui/prose/td';
 import type { ComponentConfig } from '../../types/tv';
 type ProseTd = ComponentConfig<typeof theme, AppConfig, 'td', 'b24ui.prose'>;
 export interface ProseTdProps {
+    align?: 'left' | 'center' | 'right';
     class?: any;
     b24ui?: ProseTd['slots'];
 }
-/**
- * @todo add Pick<Xxxx
- */
 export interface ProseTdSlots {
     default(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseTdProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTdProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTdSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseTdProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTdProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTdSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -3,18 +3,16 @@ import theme from '#build/b24ui/prose/th';
 import type { ComponentConfig } from '../../types/tv';
 type ProseTh = ComponentConfig<typeof theme, AppConfig, 'th', 'b24ui.prose'>;
 export interface ProseThProps {
+    align?: 'left' | 'center' | 'right';
     class?: any;
     b24ui?: ProseTh['slots'];
 }
-/**
- * @todo add Pick<Xxxx
- */
 export interface ProseThSlots {
     default(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseThProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseThProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseThSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseThProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseThProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseThSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

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

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

@@ -3,18 +3,16 @@ import theme from '#build/b24ui/prose/th';
 import type { ComponentConfig } from '../../types/tv';
 type ProseTh = ComponentConfig<typeof theme, AppConfig, 'th', 'b24ui.prose'>;
 export interface ProseThProps {
+    align?: 'left' | 'center' | 'right';
     class?: any;
     b24ui?: ProseTh['slots'];
 }
-/**
- * @todo add Pick<Xxxx
- */
 export interface ProseThSlots {
     default(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseThProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseThProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseThSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseThProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseThProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseThSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -6,15 +6,12 @@ export interface ProseTheadProps {
     class?: any;
     b24ui?: ProseThead['slots'];
 }
-/**
- * @todo add Pick<Xxxx
- */
 export interface ProseTheadSlots {
     default(props?: {}): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseTheadProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTheadProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTheadSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseTheadProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseTheadProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ProseTheadSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;