@bitrix24/b24ui-nuxt 0.5.11 → 0.6.1

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

@@ -0,0 +1,27 @@
+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?: ProseTh['slots'];
+}
+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>, Readonly<ProseThSlots> & ProseThSlots>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/prose/Thead.vue

@@ -1,34 +1,22 @@
-<script lang="ts">
-import type { AppConfig } from '@nuxt/schema'
-import _appConfig from '#build/app.config'
-import theme from '#build/b24ui/prose/thead'
-import { tv } from '../utils/tv'
-
-const appConfigProseThead = _appConfig as AppConfig & { b24ui: { prose: { thead: Partial<typeof theme> } } }
-
-const proseThead = tv({ extend: tv(theme), ...(appConfigProseThead.b24ui?.prose?.thead || {}) })
-
-export interface proseTheadProps {
-  class?: any
-  b24ui?: Partial<typeof proseThead.slots>
-}
-
-export interface proseTheadSlots {
-  default(props?: {}): any
-}
+<script>
+import theme from "#build/b24ui/prose/thead";
 </script>
 
-<script setup lang="ts">
-const props = defineProps<proseTheadProps>()
-
-// eslint-disable-next-line vue/no-dupe-keys
-const b24ui = proseThead({})
+<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: null, required: false }
+});
+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

@@ -0,0 +1,27 @@
+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?: ProseThead['slots'];
+}
+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>, Readonly<ProseTheadSlots> & ProseTheadSlots>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/prose/Tr.vue

@@ -1,34 +1,22 @@
-<script lang="ts">
-import type { AppConfig } from '@nuxt/schema'
-import _appConfig from '#build/app.config'
-import theme from '#build/b24ui/prose/tr'
-import { tv } from '../utils/tv'
-
-const appConfigProseTr = _appConfig as AppConfig & { b24ui: { prose: { tr: Partial<typeof theme> } } }
-
-const proseTr = tv({ extend: tv(theme), ...(appConfigProseTr.b24ui?.prose?.tr || {}) })
-
-export interface proseTrProps {
-  class?: any
-  b24ui?: Partial<typeof proseTr.slots>
-}
-
-export interface proseTrSlots {
-  default(props?: {}): any
-}
+<script>
+import theme from "#build/b24ui/prose/tr";
 </script>
 
-<script setup lang="ts">
-const props = defineProps<proseTrProps>()
-
-// eslint-disable-next-line vue/no-dupe-keys
-const b24ui = proseTr({})
+<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: null, required: false }
+});
+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

@@ -0,0 +1,27 @@
+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?: ProseTr['slots'];
+}
+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>, Readonly<ProseTrSlots> & ProseTrSlots>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/prose/Ul.vue

@@ -1,34 +1,22 @@
-<script lang="ts">
-import type { AppConfig } from '@nuxt/schema'
-import _appConfig from '#build/app.config'
-import theme from '#build/b24ui/prose/ul'
-import { tv } from '../utils/tv'
-
-const appConfigProseUl = _appConfig as AppConfig & { b24ui: { prose: { ul: Partial<typeof theme> } } }
-
-const proseUl = tv({ extend: tv(theme), ...(appConfigProseUl.b24ui?.prose?.ul || {}) })
-
-export interface proseUlProps {
-  class?: any
-  b24ui?: Partial<typeof proseUl.slots>
-}
-
-export interface proseUlSlots {
-  default(props?: {}): any
-}
+<script>
+import theme from "#build/b24ui/prose/ul";
 </script>
 
-<script setup lang="ts">
-const props = defineProps<proseUlProps>()
-
-// eslint-disable-next-line vue/no-dupe-keys
-const b24ui = proseUl({})
+<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: null, required: false }
+});
+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

@@ -0,0 +1,27 @@
+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?: ProseUl['slots'];
+}
+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>, Readonly<ProseUlSlots> & ProseUlSlots>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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;
@@ -18,9 +19,6 @@ export type DynamicSlots<T extends {
     } & D) => 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 +43,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/link.d.ts

@@ -1,6 +1,6 @@
 import type { LinkProps } from '../types';
 export declare function pickLinkProps(link: LinkProps & {
     [key: string]: any;
-}): {
-    [x: string]: any;
-};
+}): import("@vueuse/core").ReactivePickReturn<LinkProps & {
+    [key: string]: any;
+}, string>;

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);