@bitrix24/b24ui-nuxt 0.6.0 → 0.6.2

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>

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

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

package/dist/runtime/prose/Tr.vue

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

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

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

package/dist/runtime/prose/Ul.vue

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

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

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

package/dist/runtime/types/form.d.ts

@@ -18,6 +18,7 @@ export interface Form<T extends object> {
     submit(): Promise<void>;
     disabled: ComputedRef<boolean>;
     dirty: ComputedRef<boolean>;
+    loading: Ref<boolean>;
     dirtyFields: DeepReadonly<Set<keyof T>>;
     touchedFields: DeepReadonly<Set<keyof T>>;
     blurredFields: DeepReadonly<Set<keyof T>>;

package/dist/runtime/types/utils.d.ts

@@ -1,4 +1,5 @@
 import type { AcceptableValue as _AcceptableValue } from 'reka-ui';
+import type { ClassValue } from 'tailwind-variants';
 import type { VNode } from 'vue';
 export interface TightMap<O = any> {
     [key: string]: TightMap | O;
@@ -8,19 +9,17 @@ export type DeepPartial<T, O = any> = {
 } & {
     [key: string]: O | TightMap<O>;
 };
+export type DynamicSlotsKeys<Name extends string | undefined, Suffix extends string | undefined = undefined> = (Name extends string ? Suffix extends string ? Name | `${Name}-${Suffix}` : Name : never);
 export type DynamicSlots<T extends {
     slot?: string;
-}, S extends string | undefined = undefined, D extends object = {}> = {
-    [K in T['slot'] as K extends string ? S extends string ? (K | `${K}-${S}`) : K : never]?: (props: {
+}, Suffix extends string | undefined = undefined, ExtraProps extends object = {}> = {
+    [K in DynamicSlotsKeys<T['slot'], Suffix>]: (props: {
         item: Extract<T, {
-            slot: K extends `${infer Base}-${S}` ? Base : K;
+            slot: K extends `${infer Base}-${Suffix}` ? Base : K;
         }>;
-    } & D) => any;
+    } & ExtraProps) => any;
 };
 export type GetObjectField<MaybeObject, Key extends string> = MaybeObject extends Record<string, any> ? MaybeObject[Key] : never;
-export type PartialString<T> = {
-    [K in keyof T]?: string;
-};
 export type AcceptableValue = Exclude<_AcceptableValue, Record<string, any>>;
 export type ArrayOrNested<T> = T[] | T[][];
 export type NestedItem<T> = T extends Array<infer I> ? NestedItem<I> : T;
@@ -45,4 +44,45 @@ export type StringOrVNode = string | VNode | (() => VNode);
 export type EmitsToProps<T> = {
     [K in keyof T as `on${Capitalize<string & K>}`]: T[K] extends [...args: infer Args] ? (...args: Args) => void : never;
 };
+/**
+ * Utility type to flatten intersection types for better IDE hover information.
+ * @template T The type to flatten.
+ */
+type Id<T> = {} & {
+    [P in keyof T]: T[P];
+};
+type ComponentVariants<T extends {
+    variants?: Record<string, Record<string, any>>;
+}> = {
+    [K in keyof T['variants']]: keyof T['variants'][K];
+};
+type ComponentSlots<T extends {
+    slots?: Record<string, any>;
+}> = Id<{
+    [K in keyof T['slots']]?: ClassValue;
+}>;
+type GetComponentAppConfig<A, U extends string, K extends string> = A extends Record<U, Record<K, any>> ? A[U][K] : {};
+type ComponentAppConfig<T, A extends Record<string, any>, K extends string, U extends string = 'b24ui' | 'b24ui.content' | 'b24ui.prose'> = A & (U extends 'b24ui' ? {
+    b24ui?: Record<K, Partial<T>>;
+} : U extends 'b24ui.content' ? {
+    b24ui?: {
+        content?: Record<K, Partial<T>>;
+    };
+} : U extends 'b24ui.prose' ? {
+    b24ui?: {
+        prose?: Record<K, Partial<T>>;
+    };
+} : never);
+/**
+ * Defines the configuration shape expected for a component.
+ * @template T The component's theme imported from `#build/b24ui/*`.
+ * @template A The base AppConfig type from `@nuxt/schema`.
+ * @template K The key identifying the component (e.g., 'badge').
+ * @template U The top-level key in AppConfig ('b24ui').
+ */
+export type ComponentConfig<T extends Record<string, any>, A extends Record<string, any>, K extends string, U extends 'b24ui' | 'b24ui.content' | 'b24ui.prose' = 'b24ui'> = {
+    AppConfig: ComponentAppConfig<T, A, K, U>;
+    variants: ComponentVariants<T & GetComponentAppConfig<A, U, K>>;
+    slots: ComponentSlots<T>;
+};
 export {};

package/dist/runtime/utils/tv.js

@@ -1,4 +1,4 @@
 import { createTV } from "tailwind-variants";
-import _appConfig from "#build/app.config";
-const appConfigTv = _appConfig;
+import appConfig from "#build/app.config";
+const appConfigTv = appConfig;
 export const tv = /* @__PURE__ */ createTV(appConfigTv.b24ui?.tv);