@bitrix24/b24ui-nuxt 0.6.0 → 0.6.2

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

@@ -1,72 +1,15 @@
-declare const proseP: 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 prosePProps {
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/prose/p';
+import type { ComponentConfig } from '../types/utils';
+type ProseP = ComponentConfig<typeof theme, AppConfig, 'p', 'b24ui.prose'>;
+export interface ProsePProps {
     class?: any;
-    b24ui?: Partial<typeof proseP.slots>;
+    b24ui?: ProseP['slots'];
 }
-export interface prosePSlots {
+export interface ProsePSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<prosePProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<prosePProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    default?(_: {}): any;
-}>;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProsePProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProsePProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<ProsePSlots> & ProsePSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {

package/dist/runtime/prose/Pre.vue

@@ -1,21 +1,22 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/prose/pre";
-import { tv } from "../utils/tv";
-const appConfigProsePre = _appConfig;
-const prosePre = tv({ extend: tv(theme), ...appConfigProsePre.b24ui?.prose?.pre || {} });
 </script>
 
 <script setup>
+import { computed } from "vue";
 import { Primitive } from "reka-ui";
+import { useAppConfig } from "#imports";
+import { tv } from "../utils/tv";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
   as: { type: null, required: false, default: "div" },
   class: { type: null, required: false },
   style: { type: null, required: false },
-  b24ui: { type: Object, required: false }
+  b24ui: { type: null, required: false }
 });
-const b24ui = prosePre({});
+defineSlots();
+const appConfig = useAppConfig();
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.pre || {} })());
 </script>
 
 <template>

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

@@ -1,76 +1,8 @@
-declare const prosePre: 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 prosePreProps {
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/prose/pre';
+import type { ComponentConfig } from '../types/utils';
+type ProsePre = ComponentConfig<typeof theme, AppConfig, 'pre', 'b24ui.prose'>;
+export interface ProsePreProps {
     /**
      * The element or component this component should render as.
      * @defaultValue 'div'
@@ -78,20 +10,18 @@ export interface prosePreProps {
     as?: any;
     class?: any;
     style?: any;
-    b24ui?: Partial<typeof prosePre.slots>;
+    b24ui?: ProsePre['slots'];
 }
-export interface prosePreSlots {
+export interface ProsePreSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<prosePreProps>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ProsePreProps>, {
     as: string;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<prosePreProps>, {
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ProsePreProps>, {
     as: string;
 }>>> & Readonly<{}>, {
     as: any;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    default?(_: {}): any;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<ProsePreSlots> & ProsePreSlots>;
 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/Strong.vue

@@ -1,23 +1,22 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/prose/strong";
-import { tv } from "../utils/tv";
-const appConfigProseStrong = _appConfig;
-const proseStrong = tv({ extend: tv(theme), ...appConfigProseStrong.b24ui?.prose?.strong || {} });
 </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 = proseStrong({});
+defineSlots();
+const appConfig = useAppConfig();
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.strong || {} })());
 </script>
 
 <template>
-  <strong
-    :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
-  >
+  <strong :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
     <slot />
   </strong>
 </template>

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>