@bitrix24/b24ui-nuxt 0.6.0 → 0.6.1

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

@@ -1,72 +1,15 @@
-declare const proseStrong: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, import("tailwind-variants").TVReturnType<unknown, {
-    base: string;
-}, undefined, unknown, unknown, undefined>>>;
-export interface proseStrongProps {
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/prose/strong';
+import type { ComponentConfig } from '../types/utils';
+type ProseStrong = ComponentConfig<typeof theme, AppConfig, 'strong', 'b24ui.prose'>;
+export interface ProseStrongProps {
     class?: any;
-    b24ui?: Partial<typeof proseStrong.slots>;
+    b24ui?: ProseStrong['slots'];
 }
-export interface proseStrongSlots {
+export interface ProseStrongSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<proseStrongProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<proseStrongProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    default?(_: {}): any;
-}>;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseStrongProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseStrongProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<ProseStrongSlots> & ProseStrongSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {

package/dist/runtime/prose/Table.vue

@@ -1,12 +1,11 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/prose/table";
-import { tv } from "../utils/tv";
-const appConfigProseTable = _appConfig;
-const proseTable = tv({ extend: tv(theme), ...appConfigProseTable.b24ui?.prose?.table || {} });
 </script>
 
 <script setup>
+import { computed } from "vue";
+import { useAppConfig } from "#imports";
+import { tv } from "../utils/tv";
 import B24TableWrapper from "./../components/content/TableWrapper.vue";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
@@ -16,9 +15,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: Object, required: false }
+  b24ui: { type: null, required: false }
 });
-const b24ui = proseTable({});
+defineSlots();
+const appConfig = useAppConfig();
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.table || {} })());
 </script>
 
 <template>
@@ -30,9 +31,7 @@ const b24ui = proseTable({});
     :rounded="props.rounded"
     :bordered="props.bordered"
   >
-    <table
-      :class="b24ui.base({ class: props.b24ui?.base })"
-    >
+    <table :class="b24ui.base({ class: props.b24ui?.base })">
       <slot />
     </table>
   </B24TableWrapper>

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

@@ -1,76 +1,8 @@
-declare const proseTable: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    root: string;
-    base: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    root: string;
-    base: string;
-}, import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    root: string;
-    base: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            root?: import("tailwind-variants").ClassValue;
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    root: string;
-    base: string;
-}, import("tailwind-variants").TVReturnType<unknown, {
-    root: string;
-    base: string;
-}, undefined, unknown, unknown, undefined>>>;
-export interface proseTableProps {
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/prose/table';
+import type { ComponentConfig } from '../types/utils';
+type ProseTable = ComponentConfig<typeof theme, AppConfig, 'table', 'b24ui.prose'>;
+export interface ProseTableProps {
     /**
      * The element or component this component should render as.
      * @defaultValue 'div'
@@ -93,18 +25,18 @@ export interface proseTableProps {
      */
     bordered?: boolean;
     class?: any;
-    b24ui?: Partial<typeof proseTable.slots>;
+    b24ui?: ProseTable['slots'];
 }
-export interface proseTableSlots {
+export interface ProseTableSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<proseTableProps>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ProseTableProps>, {
     as: string;
     rounded: boolean;
     zebra: boolean;
     rowHover: boolean;
     bordered: boolean;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<proseTableProps>, {
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ProseTableProps>, {
     as: string;
     rounded: boolean;
     zebra: boolean;
@@ -116,9 +48,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     zebra: boolean;
     rowHover: boolean;
     bordered: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    default?(_: {}): any;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<ProseTableSlots> & ProseTableSlots>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {

package/dist/runtime/prose/Tbody.vue

@@ -1,23 +1,22 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/prose/tbody";
-import { tv } from "../utils/tv";
-const appConfigProseTbody = _appConfig;
-const proseTbody = tv({ extend: tv(theme), ...appConfigProseTbody.b24ui?.prose?.tbody || {} });
 </script>
 
 <script setup>
+import { computed } from "vue";
+import { useAppConfig } from "#imports";
+import { tv } from "../utils/tv";
 const props = defineProps({
   class: { type: null, required: false },
-  b24ui: { type: Object, required: false }
+  b24ui: { type: null, required: false }
 });
-const b24ui = proseTbody({});
+defineSlots();
+const appConfig = useAppConfig();
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.tbody || {} })());
 </script>
 
 <template>
-  <tbody
-    :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
-  >
+  <tbody :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
     <slot />
   </tbody>
 </template>

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

@@ -1,72 +1,15 @@
-declare const proseTbody: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, import("tailwind-variants").TVReturnType<unknown, {
-    base: string;
-}, undefined, unknown, unknown, undefined>>>;
-export interface proseTbodyProps {
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/prose/tbody';
+import type { ComponentConfig } from '../types/utils';
+type ProseTbody = ComponentConfig<typeof theme, AppConfig, 'tbody', 'b24ui.prose'>;
+export interface ProseTbodyProps {
     class?: any;
-    b24ui?: Partial<typeof proseTbody.slots>;
+    b24ui?: ProseTbody['slots'];
 }
-export interface proseTbodySlots {
+export interface ProseTbodySlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<proseTbodyProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<proseTbodyProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    default?(_: {}): any;
-}>;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseTbodyProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseTbodyProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<ProseTbodySlots> & ProseTbodySlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {

package/dist/runtime/prose/Td.vue

@@ -1,23 +1,22 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/prose/td";
-import { tv } from "../utils/tv";
-const appConfigProseTd = _appConfig;
-const proseTd = tv({ extend: tv(theme), ...appConfigProseTd.b24ui?.prose?.td || {} });
 </script>
 
 <script setup>
+import { computed } from "vue";
+import { useAppConfig } from "#imports";
+import { tv } from "../utils/tv";
 const props = defineProps({
   class: { type: null, required: false },
-  b24ui: { type: Object, required: false }
+  b24ui: { type: null, required: false }
 });
-const b24ui = proseTd({});
+defineSlots();
+const appConfig = useAppConfig();
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.td || {} })());
 </script>
 
 <template>
-  <td
-    :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
-  >
+  <td :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
     <slot />
   </td>
 </template>

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

@@ -1,72 +1,15 @@
-declare const proseTd: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, import("tailwind-variants").TVReturnType<unknown, {
-    base: string;
-}, undefined, unknown, unknown, undefined>>>;
-export interface proseTdProps {
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/prose/td';
+import type { ComponentConfig } from '../types/utils';
+type ProseTd = ComponentConfig<typeof theme, AppConfig, 'td', 'b24ui.prose'>;
+export interface ProseTdProps {
     class?: any;
-    b24ui?: Partial<typeof proseTd.slots>;
+    b24ui?: ProseTd['slots'];
 }
-export interface proseTdSlots {
+export interface ProseTdSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<proseTdProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<proseTdProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    default?(_: {}): any;
-}>;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseTdProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseTdProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<ProseTdSlots> & ProseTdSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {

package/dist/runtime/prose/Th.vue

@@ -1,23 +1,22 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/prose/th";
-import { tv } from "../utils/tv";
-const appConfigProseTh = _appConfig;
-const proseTh = tv({ extend: tv(theme), ...appConfigProseTh.b24ui?.prose?.th || {} });
 </script>
 
 <script setup>
+import { computed } from "vue";
+import { useAppConfig } from "#imports";
+import { tv } from "../utils/tv";
 const props = defineProps({
   class: { type: null, required: false },
-  b24ui: { type: Object, required: false }
+  b24ui: { type: null, required: false }
 });
-const b24ui = proseTh({});
+defineSlots();
+const appConfig = useAppConfig();
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.th || {} })());
 </script>
 
 <template>
-  <th
-    :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
-  >
+  <th :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
     <slot />
   </th>
 </template>

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

@@ -1,72 +1,15 @@
-declare const proseTh: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, import("tailwind-variants").TVReturnType<unknown, {
-    base: string;
-}, undefined, unknown, unknown, undefined>>>;
-export interface proseThProps {
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/prose/th';
+import type { ComponentConfig } from '../types/utils';
+type ProseTh = ComponentConfig<typeof theme, AppConfig, 'th', 'b24ui.prose'>;
+export interface ProseThProps {
     class?: any;
-    b24ui?: Partial<typeof proseTh.slots>;
+    b24ui?: ProseTh['slots'];
 }
-export interface proseThSlots {
+export interface ProseThSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<proseThProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<proseThProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    default?(_: {}): any;
-}>;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseThProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseThProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<ProseThSlots> & ProseThSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {

package/dist/runtime/prose/Thead.vue

@@ -1,23 +1,22 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/prose/thead";
-import { tv } from "../utils/tv";
-const appConfigProseThead = _appConfig;
-const proseThead = tv({ extend: tv(theme), ...appConfigProseThead.b24ui?.prose?.thead || {} });
 </script>
 
 <script setup>
+import { computed } from "vue";
+import { useAppConfig } from "#imports";
+import { tv } from "../utils/tv";
 const props = defineProps({
   class: { type: null, required: false },
-  b24ui: { type: Object, required: false }
+  b24ui: { type: null, required: false }
 });
-const b24ui = proseThead({});
+defineSlots();
+const appConfig = useAppConfig();
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.thead || {} })());
 </script>
 
 <template>
-  <thead
-    :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
-  >
+  <thead :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
     <slot />
   </thead>
 </template>