@bitrix24/b24ui-nuxt 0.6.0 → 0.6.1

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

package/dist/runtime/vue/components/Link.vue

@@ -1,19 +1,17 @@
 <script>
-import { tv } from "tailwind-variants";
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/link";
-const appConfigLink = _appConfig;
-const link = tv({ extend: tv(theme), ...appConfigLink.b24ui?.link || {} });
 </script>
 
 <script setup>
 import { computed, getCurrentInstance } from "vue";
+import { defu } from "defu";
 import { isEqual, diff } from "ohash/utils";
 import { useForwardProps } from "reka-ui";
 import { reactiveOmit } from "@vueuse/core";
 import { hasProtocol } from "ufo";
-import { useRoute } from "#imports";
+import { useRoute, useAppConfig } from "#imports";
 import { RouterLink } from "vue-router";
+import { tv } from "../../utils/tv";
 import B24LinkBase from "./../../components/LinkBase.vue";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
@@ -58,15 +56,18 @@ const route = computed(() => {
     return null;
   }
 });
+const appConfig = useAppConfig();
 const routerLinkProps = useForwardProps(reactiveOmit(props, "as", "type", "disabled", "active", "exact", "exactQuery", "exactHash", "activeClass", "inactiveClass", "to", "raw", "class"));
 const b24ui = computed(() => tv({
-  extend: link,
-  variants: {
-    active: {
-      true: props.activeClass,
-      false: props.inactiveClass
+  extend: tv(theme),
+  ...defu({
+    variants: {
+      active: {
+        true: props.activeClass,
+        false: props.inactiveClass
+      }
     }
-  }
+  }, appConfig.b24ui?.link || {})
 }));
 function isPartiallyEqual(item1, item2) {
   const diffedKeys = diff(item1, item2).reduce((filtered, q) => {

package/dist/shared/{b24ui-nuxt.BA6Y2FnC.mjs → b24ui-nuxt.wBs9vEU5.mjs}

@@ -1,4 +1,4 @@
-import 'node:url';
+import { fileURLToPath } from 'node:url';
 import { kebabCase } from 'scule';
 import { addTypeTemplate, addTemplate } from '@nuxt/kit';
 import { defuFn, defu } from 'defu';
@@ -1263,7 +1263,12 @@ const button = {
     },
     {
       normalCase: true,
-      size: ["md", "lg"],
+      size: "md",
+      class: "text-md"
+    },
+    {
+      normalCase: true,
+      size: "lg",
       class: "text-md"
     }
     // endregion ////
@@ -7621,6 +7626,16 @@ function getTemplates(options) {
             return `${before}${replaced}${after}`;
           });
         }
+        if (process.env.DEV) {
+          const templatePath = fileURLToPath(new URL(`./theme/prose/${kebabCase(component)}`, import.meta.url));
+          return [
+            `import template from ${JSON.stringify(templatePath)}`,
+            ...generateVariantDeclarations(variants, result),
+            `const result = typeof template === 'function' ? template(${JSON.stringify(options, null, 2)}) : template`,
+            `const theme = ${json}`,
+            `export default result as typeof theme`
+          ].join("\n\n");
+        }
         return [
           ...generateVariantDeclarations(variants, result),
           `export default ${json}`
@@ -7647,6 +7662,16 @@ function getTemplates(options) {
             return `${before}${replaced}${after}`;
           });
         }
+        if (process.env.DEV) {
+          const templatePath = fileURLToPath(new URL(`./theme/content/${kebabCase(component)}`, import.meta.url));
+          return [
+            `import template from ${JSON.stringify(templatePath)}`,
+            ...generateVariantDeclarations(variants, result),
+            `const result = typeof template === 'function' ? template(${JSON.stringify(options, null, 2)}) : template`,
+            `const theme = ${json}`,
+            `export default result as typeof theme`
+          ].join("\n\n");
+        }
         return [
           ...generateVariantDeclarations(variants, result),
           `export default ${json}`

package/dist/unplugin.mjs

@@ -3,7 +3,7 @@ import { join, normalize } from 'pathe';
 import { createUnplugin } from 'unplugin';
 import { defu } from 'defu';
 import tailwind from '@tailwindcss/vite';
-import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.BA6Y2FnC.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.wBs9vEU5.mjs';
 import { globSync } from 'tinyglobby';
 import { genSafeVariableName } from 'knitwork';
 import MagicString from 'magic-string';

package/dist/vite.mjs

@@ -4,7 +4,7 @@ import 'pathe';
 import 'unplugin';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/b24ui-nuxt.BA6Y2FnC.mjs';
+import './shared/b24ui-nuxt.wBs9vEU5.mjs';
 import 'scule';
 import '@nuxt/kit';
 import 'tinyglobby';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrix24/b24ui-nuxt",
   "description": "Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -137,7 +137,7 @@
     "tailwind-variants": "^1.0.0",
     "tailwindcss": "^4.1.3",
     "tinyglobby": "^0.2.12",
-    "unplugin": "^2.2.2",
+    "unplugin": "^2.3.0",
     "unplugin-auto-import": "^19.1.2",
     "unplugin-vue-components": "^28.4.1",
     "vaul-vue": "^0.4.1",
@@ -190,7 +190,7 @@
     "chokidar": "3.6.0",
     "debug": "4.3.7",
     "rollup": "4.34.9",
-    "unplugin": "^2.2.2",
+    "unplugin": "^2.3.0",
     "vue-tsc": "2.2.0"
   },
   "keywords": [
@@ -214,13 +214,13 @@
     "dev:prepare-short": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground && vite build playground-vue && nuxi prepare demo",
     "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground && vite build playground-vue && nuxi prepare demo && nuxt-component-meta playground --outputDir ../src/.component-meta/",
     "build": "nuxt-module-build build",
-    "dev": "DEV=true nuxi dev playground",
+    "dev": "nuxi dev playground",
     "dev:build": "nuxi build playground",
     "dev:generate": "nuxt generate playground",
     "dev:preview": "nuxt preview playground",
-    "dev:vue": "DEV=true vite playground-vue",
+    "dev:vue": "vite playground-vue",
     "dev:vue:build": "vite build playground-vue",
-    "demo:dev": "DEV=true nuxi dev demo",
+    "demo:dev": "nuxi dev demo",
     "demo:generate": "nuxt generate demo",
     "demo:preview": "nuxt preview demo",
     "docs:full:dev": "pnpm build && vitepress dev docs",