@bitrix24/b24ui-nuxt 2.0.6 → 2.0.8

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@bitrix24/b24ui-nuxt",
-  "version": "2.0.6",
+  "version": "2.0.8",
   "docs": "https://bitrix24.github.io/b24ui/guide/installation-nuxt-app.html",
   "configKey": "b24ui",
   "compatibility": {

package/dist/module.mjs

@@ -1,6 +1,6 @@
 import { defu } from 'defu';
 import { defineNuxtModule, createResolver, addPlugin, hasNuxtModule, addComponentsDir, addImportsDir } from '@nuxt/kit';
-import { d as defaultOptions, v as version, n as name, a as getDefaultUiConfig, b as addTemplates } from './shared/b24ui-nuxt.DX94P9Wb.mjs';
+import { d as defaultOptions, v as version, n as name, a as getDefaultUiConfig, b as addTemplates } from './shared/b24ui-nuxt.CEMVb5Ee.mjs';
 import 'node:url';
 import 'node:fs/promises';
 import 'pathe';

package/dist/runtime/components/ChatPrompt.vue

@@ -36,7 +36,7 @@ const model = defineModel({ type: String, ...{ default: "" } });
 const { t } = useLocale();
 const appConfig = useAppConfig();
 const textareaProps = useForwardProps(reactivePick(props, "rows", "autofocus", "autofocusDelay", "autoresize", "autoresizeDelay", "maxrows", "icon", "avatar", "loading"));
-const getProxySlots = () => omit(slots, ["header", "footer"]);
+const getProxySlots = () => omit(slots, ["header", "footer", "default"]);
 const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.chatPrompt || {} })({
   variant: props.variant
 }));
@@ -67,7 +67,7 @@ defineExpose({
       v-model="model"
       :placeholder="placeholder || t('chatPrompt.placeholder')"
       :disabled="Boolean(error) || disabled"
-      variant="none"
+      no-border
       v-bind="{ ...textareaProps, ...$attrs }"
       :b24ui="transformUI(omit(b24ui, ['root', 'body', 'header', 'footer']), props.b24ui)"
       :class="b24ui.body({ class: props.b24ui?.body })"
@@ -79,8 +79,9 @@ defineExpose({
       </template>
     </B24Textarea>
 
-    <div v-if="!!slots.footer" :class="b24ui.footer({ class: props.b24ui?.footer })">
+    <div :class="b24ui.footer({ class: props.b24ui?.footer })">
       <slot name="footer" />
+      <slot name="default" :b24ui="transformUI(omit(b24ui, ['root', 'body', 'header', 'footer']), props.b24ui)" />
     </div>
   </Primitive>
 </template>

package/dist/runtime/components/ChatPromptSubmit.d.vue.ts

@@ -8,7 +8,7 @@ export interface ChatPromptSubmitProps extends /** @vue-ignore */ Pick<ButtonPro
     status?: ChatStatus;
     /**
      * The icon displayed in the button when the status is `ready`.
-     * @defaultValue icons.arrowUp
+     * @defaultValue icons.imSend
      * @IconComponent
      */
     icon?: IconComponent;
@@ -25,7 +25,7 @@ export interface ChatPromptSubmitProps extends /** @vue-ignore */ Pick<ButtonPro
     streamingIcon?: IconComponent;
     /**
      * The color of the button when the status is `streaming`.
-     * @defaultValue 'air-secondary-no-accent'
+     * @defaultValue 'air-secondary-accent-2'
      */
     streamingColor?: ButtonProps['color'];
     /**
@@ -64,6 +64,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChatPr
     onStop?: (() => any) | undefined;
     onReload?: (() => any) | undefined;
 }>, {
+    color: "link" | "air-primary" | "air-primary-success" | "air-primary-alert" | "air-primary-copilot" | "air-secondary" | "air-secondary-accent" | "air-secondary-accent-1" | "air-tertiary" | "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | "air-secondary-alert" | "air-secondary-accent-2" | "air-secondary-no-accent" | "air-tertiary-accent" | "air-tertiary-no-accent" | "air-selection" | "air-boost";
     status: ChatStatus;
     streamingColor: "link" | "air-primary" | "air-primary-success" | "air-primary-alert" | "air-primary-copilot" | "air-secondary" | "air-secondary-accent" | "air-secondary-accent-1" | "air-tertiary" | "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | "air-secondary-alert" | "air-secondary-accent-2" | "air-secondary-no-accent" | "air-tertiary-accent" | "air-tertiary-no-accent" | "air-selection" | "air-boost";
     submittedColor: "link" | "air-primary" | "air-primary-success" | "air-primary-alert" | "air-primary-copilot" | "air-secondary" | "air-secondary-accent" | "air-secondary-accent-1" | "air-tertiary" | "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | "air-secondary-alert" | "air-secondary-accent-2" | "air-secondary-no-accent" | "air-tertiary-accent" | "air-tertiary-no-accent" | "air-selection" | "air-boost";

package/dist/runtime/components/ChatPromptSubmit.vue

@@ -13,9 +13,9 @@ import B24Button from "./Button.vue";
 const props = defineProps({
   status: { type: String, required: false, default: "ready" },
   icon: { type: [Function, Object], required: false },
-  color: { type: null, required: false },
+  color: { type: null, required: false, default: "air-primary" },
   streamingIcon: { type: [Function, Object], required: false },
-  streamingColor: { type: null, required: false, default: "air-secondary-no-accent" },
+  streamingColor: { type: null, required: false, default: "air-secondary-accent-2" },
   submittedIcon: { type: [Function, Object], required: false },
   submittedColor: { type: null, required: false, default: "air-secondary-no-accent" },
   errorIcon: { type: [Function, Object], required: false },
@@ -29,7 +29,7 @@ const { t } = useLocale();
 const appConfig = useAppConfig();
 const buttonProps = computed(() => ({
   ready: {
-    icon: props.icon || icons.arrowUp,
+    icon: props.icon || icons.imSend,
     color: props.color,
     type: "submit"
   },
@@ -61,6 +61,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.chatPro
 <template>
   <B24Button
     :aria-label="t('chatPromptSubmit.label')"
+    rounded
     v-bind="buttonProps"
     :class="b24ui.base({ class: [props.b24ui?.base, props.class] })"
     :b24ui="transformUI(b24ui, props.b24ui)"

package/dist/runtime/components/ChatPromptSubmit.vue.d.ts

@@ -8,7 +8,7 @@ export interface ChatPromptSubmitProps extends /** @vue-ignore */ Pick<ButtonPro
     status?: ChatStatus;
     /**
      * The icon displayed in the button when the status is `ready`.
-     * @defaultValue icons.arrowUp
+     * @defaultValue icons.imSend
      * @IconComponent
      */
     icon?: IconComponent;
@@ -25,7 +25,7 @@ export interface ChatPromptSubmitProps extends /** @vue-ignore */ Pick<ButtonPro
     streamingIcon?: IconComponent;
     /**
      * The color of the button when the status is `streaming`.
-     * @defaultValue 'air-secondary-no-accent'
+     * @defaultValue 'air-secondary-accent-2'
      */
     streamingColor?: ButtonProps['color'];
     /**
@@ -64,6 +64,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ChatPr
     onStop?: (() => any) | undefined;
     onReload?: (() => any) | undefined;
 }>, {
+    color: "link" | "air-primary" | "air-primary-success" | "air-primary-alert" | "air-primary-copilot" | "air-secondary" | "air-secondary-accent" | "air-secondary-accent-1" | "air-tertiary" | "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | "air-secondary-alert" | "air-secondary-accent-2" | "air-secondary-no-accent" | "air-tertiary-accent" | "air-tertiary-no-accent" | "air-selection" | "air-boost";
     status: ChatStatus;
     streamingColor: "link" | "air-primary" | "air-primary-success" | "air-primary-alert" | "air-primary-copilot" | "air-secondary" | "air-secondary-accent" | "air-secondary-accent-1" | "air-tertiary" | "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | "air-secondary-alert" | "air-secondary-accent-2" | "air-secondary-no-accent" | "air-tertiary-accent" | "air-tertiary-no-accent" | "air-selection" | "air-boost";
     submittedColor: "link" | "air-primary" | "air-primary-success" | "air-primary-alert" | "air-primary-copilot" | "air-secondary" | "air-secondary-accent" | "air-secondary-accent-1" | "air-tertiary" | "default" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | "air-secondary-alert" | "air-secondary-accent-2" | "air-secondary-no-accent" | "air-tertiary-accent" | "air-tertiary-no-accent" | "air-selection" | "air-boost";

package/dist/runtime/components/NavigationMenu.vue

@@ -120,7 +120,7 @@ function getAccordionDefaultValue(list, level = 0) {
             {{ item.hint }}
           </div>
           <B24Badge
-            v-if="item.badge !== void 0 && item.type !== 'label'"
+            v-if="(item.badge || item.badge === 0) && item.type !== 'label'"
             color="air-primary-alert"
             :size="item.b24ui?.linkLeadingBadgeSize || props.b24ui?.linkLeadingBadgeSize || b24ui.linkLeadingBadgeSize()"
             v-bind="typeof item.badge === 'string' || typeof item.badge === 'number' ? { label: item.badge } : item.badge"
@@ -145,7 +145,7 @@ function getAccordionDefaultValue(list, level = 0) {
 
       <component
         :is="orientation === 'vertical' && item.children?.length && !collapsed ? AccordionTrigger : 'span'"
-        v-if="(!collapsed || orientation !== 'vertical') && /* item.badge !== undefined || */
+        v-if="(!collapsed || orientation !== 'vertical') && /* (item.badge || item.badge === 0) || */
 (orientation === 'horizontal' && (item.children?.length || !!slots[item.slot ? `${item.slot}-content` : 'item-content']) || orientation === 'vertical' && item.children?.length || item.trailingIcon || !!slots[item.slot ? `${item.slot}-trailing` : 'item-trailing'])"
         as="span"
         :class="b24ui.linkTrailing({ class: [props.b24ui?.linkTrailing, item.b24ui?.linkTrailing] })"

package/dist/runtime/components/RadioGroup.d.vue.ts

@@ -1,7 +1,7 @@
 import type { RadioGroupRootProps, RadioGroupRootEmits } from 'reka-ui';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/radio-group';
-import type { AcceptableValue, GetItemKeys, GetModelValue } from '../types/utils';
+import type { AcceptableValue, GetItemKeys, GetModelValue, GetModelValueEmits } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type RadioGroup = ComponentConfig<typeof theme, AppConfig, 'radioGroup'>;
 export type RadioGroupValue = AcceptableValue;
@@ -66,9 +66,9 @@ export interface RadioGroupProps<T extends RadioGroupItem[] = RadioGroupItem[],
     class?: any;
     b24ui?: RadioGroup['slots'];
 }
-export type RadioGroupEmits = RadioGroupRootEmits & {
+export type RadioGroupEmits<T extends RadioGroupItem[] = RadioGroupItem[], VK extends GetItemKeys<T> = 'value'> = Omit<RadioGroupRootEmits, 'update:modelValue'> & {
     change: [event: Event];
-};
+} & GetModelValueEmits<T, VK, false>;
 type NormalizeItem<T extends RadioGroupItem> = Exclude<T & {
     id: string;
 }, RadioGroupValue>;
@@ -84,12 +84,12 @@ export interface RadioGroupSlots<T extends RadioGroupItem[] = RadioGroupItem[]>
 declare const __VLS_export: <T extends RadioGroupItem[], VK extends GetItemKeys<T> = "value">(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<RadioGroupProps<T, VK> & {
         onChange?: ((event: Event) => any) | undefined;
-        "onUpdate:modelValue"?: ((payload: string) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import("../types/utils").GetItemValue<T, VK, import("../types/utils").NestedItem<T>>) => any) | undefined;
     }> & import("vue").PublicProps;
     expose: (exposed: {}) => void;
     attrs: any;
     slots: RadioGroupSlots<T>;
-    emit: ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", payload: string) => void);
+    emit: ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: import("../types/utils").GetItemValue<T, VK, import("../types/utils").NestedItem<T>>) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/components/RadioGroup.vue

@@ -31,7 +31,7 @@ const props = defineProps({
   name: { type: String, required: false },
   required: { type: Boolean, required: false }
 });
-const emits = defineEmits(["update:modelValue", "change"]);
+const emits = defineEmits(["change", "update:modelValue"]);
 const slots = defineSlots();
 const appConfig = useAppConfig();
 const rootProps = useForwardPropsEmits(reactivePick(props, "as", "loop", "required"), emits);

package/dist/runtime/components/RadioGroup.vue.d.ts

@@ -1,7 +1,7 @@
 import type { RadioGroupRootProps, RadioGroupRootEmits } from 'reka-ui';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/radio-group';
-import type { AcceptableValue, GetItemKeys, GetModelValue } from '../types/utils';
+import type { AcceptableValue, GetItemKeys, GetModelValue, GetModelValueEmits } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type RadioGroup = ComponentConfig<typeof theme, AppConfig, 'radioGroup'>;
 export type RadioGroupValue = AcceptableValue;
@@ -66,9 +66,9 @@ export interface RadioGroupProps<T extends RadioGroupItem[] = RadioGroupItem[],
     class?: any;
     b24ui?: RadioGroup['slots'];
 }
-export type RadioGroupEmits = RadioGroupRootEmits & {
+export type RadioGroupEmits<T extends RadioGroupItem[] = RadioGroupItem[], VK extends GetItemKeys<T> = 'value'> = Omit<RadioGroupRootEmits, 'update:modelValue'> & {
     change: [event: Event];
-};
+} & GetModelValueEmits<T, VK, false>;
 type NormalizeItem<T extends RadioGroupItem> = Exclude<T & {
     id: string;
 }, RadioGroupValue>;
@@ -84,12 +84,12 @@ export interface RadioGroupSlots<T extends RadioGroupItem[] = RadioGroupItem[]>
 declare const __VLS_export: <T extends RadioGroupItem[], VK extends GetItemKeys<T> = "value">(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<RadioGroupProps<T, VK> & {
         onChange?: ((event: Event) => any) | undefined;
-        "onUpdate:modelValue"?: ((payload: string) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import("../types/utils").GetItemValue<T, VK, import("../types/utils").NestedItem<T>>) => any) | undefined;
     }> & import("vue").PublicProps;
     expose: (exposed: {}) => void;
     attrs: any;
     slots: RadioGroupSlots<T>;
-    emit: ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", payload: string) => void);
+    emit: ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: import("../types/utils").GetItemValue<T, VK, import("../types/utils").NestedItem<T>>) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/components/Tabs.vue

@@ -79,7 +79,7 @@ defineExpose({
 
         <slot name="trailing" :item="item" :index="index" :b24ui="b24ui">
           <B24Badge
-            v-if="item.badge !== void 0"
+            v-if="item.badge || item.badge === 0"
             color="air-primary"
             variant="outline"
             :size="item.b24ui?.trailingBadgeSize || props.b24ui?.trailingBadgeSize || b24ui.trailingBadgeSize()"

package/dist/runtime/dictionary/icons.d.ts

@@ -33,6 +33,7 @@ declare const _default: {
     caution: import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}>;
     copyCheck: import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}>;
     copy: import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}>;
+    imSend: import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}>;
     arrowDown: import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}>;
     arrowUp: import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}>;
     stop: import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}>;

package/dist/runtime/dictionary/icons.js

@@ -31,6 +31,7 @@ import ArrowDownLIcon from "@bitrix24/b24icons-vue/outline/ArrowDownLIcon";
 import ArrowTopLIcon from "@bitrix24/b24icons-vue/outline/ArrowTopLIcon";
 import StopLIcon from "@bitrix24/b24icons-vue/outline/StopLIcon";
 import RefreshIcon from "@bitrix24/b24icons-vue/outline/RefreshIcon";
+import SendIcon from "@bitrix24/b24icons-vue/main/SendIcon";
 export default {
   arrowLeft: ArrowToTheLeftIcon,
   arrowRight: ArrowToTheRightIcon,
@@ -62,6 +63,7 @@ export default {
   caution: AlertIcon,
   copyCheck: CircleCheckIcon,
   copy: CopyIcon,
+  imSend: SendIcon,
   arrowDown: ArrowDownLIcon,
   arrowUp: ArrowTopLIcon,
   stop: StopLIcon,

package/dist/shared/{b24ui-nuxt.DX94P9Wb.mjs → b24ui-nuxt.CEMVb5Ee.mjs}

@@ -4,11 +4,11 @@ import { join } from 'pathe';
 import { globSync } from 'tinyglobby';
 import { kebabCase, camelCase, pascalCase } from 'scule';
 import { genExport } from 'knitwork';
-import { addTypeTemplate, addTemplate, updateTemplates, hasNuxtModule, logger } from '@nuxt/kit';
+import { hasNuxtModule, addTypeTemplate, addTemplate, updateTemplates, logger } from '@nuxt/kit';
 import { defuFn } from 'defu';
 
 const name = "@bitrix24/b24ui-nuxt";
-const version = "2.0.6";
+const version = "2.0.8";
 
 const getDefaultUiConfig = () => ({});
 const defaultOptions = {
@@ -1136,6 +1136,18 @@ const button = {
           "pe-[calc(var(--ui-btn-padding-right)_-_var(--ui-btn-icon-compensation))]"
         ].join(" ")
       }
+    },
+    // endregion ////
+    // region single icon ////
+    {
+      leading: true,
+      useLabel: false,
+      useDropdown: false,
+      class: {
+        base: [
+          "w-(--ui-btn-height)"
+        ].join(" ")
+      }
     }
     // endregion ////
   ],
@@ -1636,7 +1648,7 @@ const chatMessages = {
 const chatPalette = {
   slots: {
     root: "relative flex-1 flex flex-col min-h-0 min-w-0",
-    prompt: "px-0 rounded-t-none border-t border-default",
+    prompt: "px-0 rounded-t-none border-t border-(--ui-color-divider-default)",
     close: "",
     content: "overflow-y-auto flex-1 flex flex-col py-3"
   }
@@ -1644,25 +1656,41 @@ const chatPalette = {
 
 const chatPrompt = {
   slots: {
-    root: "relative flex flex-col items-stretch gap-2 px-2.5 py-2 w-full rounded-lg backdrop-blur",
-    header: "flex items-center gap-1.5",
-    body: "items-start",
-    footer: "flex items-center justify-between gap-1.5",
-    base: "text-base/5"
+    root: "relative flex flex-col items-stretch gap-[2px] ps-[12px] pe-[8px] py-[8px] w-full rounded-lg",
+    header: "flex items-center gap-[8px]",
+    body: "py-[4px] items-start",
+    footer: "flex items-center justify-end gap-[8px]",
+    base: "pt-[1px] pb-[0px] text-(length:--ui-font-size-lg)/(--ui-font-line-height-2xs)"
   },
   variants: {
     variant: {
       outline: {
-        root: "bg-default/75 ring ring-default"
+        root: [
+          "bg-(--ui-color-design-outline-bg)",
+          "ring ring-(--ui-color-design-outline-stroke) ring-1",
+          "text-(--ui-color-design-outline-content)"
+        ].join(" ")
       },
-      soft: {
-        root: "bg-elevated/50"
+      tinted: {
+        root: [
+          "bg-(--ui-color-design-tinted-na-bg)",
+          "ring ring-(--ui-color-design-tinted-na-stroke) ring-(length:--ui-design-tinted-na-stroke-weight)",
+          "text-(--ui-color-design-tinted-na-content)"
+        ].join(" ")
       },
-      subtle: {
-        root: "bg-elevated/50 ring ring-default"
+      filled: {
+        root: [
+          "bg-(--ui-color-design-filled-na-bg)",
+          "ring ring-(--ui-color-design-filled-na-stroke) ring-(length:--ui-design-filled-na-stroke-weight)",
+          "text-(--ui-color-design-filled-na-content)"
+        ].join(" ")
       },
-      naked: {
-        root: ""
+      plain: {
+        root: [
+          "bg-(--ui-color-design-plain-bg)",
+          "ring ring-(--ui-color-design-plain-stroke) ring-(length:--ui-design-plain-stroke-weight)",
+          "text-(--ui-color-design-plain-content)"
+        ].join(" ")
       }
     }
   },
@@ -1673,7 +1701,7 @@ const chatPrompt = {
 
 const chatPromptSubmit = {
   slots: {
-    base: ""
+    base: "rounded-full"
   }
 };
 
@@ -9955,13 +9983,12 @@ const themeContent = {
   contentToc: contentToc
 };
 
-async function buildComponentDependencyGraph(componentDir, prefix) {
+async function buildComponentDependencyGraph(componentDir, componentPattern) {
   const dependencyGraph = /* @__PURE__ */ new Map();
   const componentFiles = globSync(["**/*.vue"], {
     cwd: componentDir,
     absolute: true
   });
-  const componentPattern = new RegExp(`<${prefix}([A-Z][a-zA-Z]+)|\\b${prefix}([A-Z][a-zA-Z]+)\\b`, "g");
   for (const componentFile of componentFiles) {
     try {
       const content = await readFile(componentFile, "utf-8");
@@ -10004,7 +10031,7 @@ async function detectUsedComponents(rootDir, prefix, componentDir, includeCompon
     cwd: rootDir,
     ignore: ["node_modules/**", ".nuxt/**", "dist/**"]
   });
-  const componentPattern = new RegExp(`<${prefix}([A-Z][a-zA-Z]+)|\\b${prefix}([A-Z][a-zA-Z]+)\\b`, "g");
+  const componentPattern = new RegExp(`<(?:Lazy)?${prefix}([A-Z][a-zA-Z]+)|\\b(?:Lazy)?${prefix}([A-Z][a-zA-Z]+)\\b`, "g");
   for (const file of appFiles) {
     try {
       const filePath = join(rootDir, file);
@@ -10022,7 +10049,7 @@ async function detectUsedComponents(rootDir, prefix, componentDir, includeCompon
   if (detectedComponents.size === 0) {
     return void 0;
   }
-  const dependencyGraph = await buildComponentDependencyGraph(componentDir, prefix);
+  const dependencyGraph = await buildComponentDependencyGraph(componentDir, componentPattern);
   const allComponents = /* @__PURE__ */ new Set();
   for (const component of detectedComponents) {
     const resolved = resolveComponentDependencies(component, dependencyGraph);
@@ -10115,7 +10142,9 @@ function getTemplates(options, uiConfig, nuxt, resolve) {
     }
     return sources || '@source "./b24ui";';
   }
-  if (!!nuxt && (hasNuxtModule("@nuxtjs/mdc") || options.mdc || (hasNuxtModule("@nuxt/content") || options.content))) {
+  const forNuxt = !!nuxt && (hasNuxtModule("@nuxtjs/mdc") || options.mdc || (hasNuxtModule("@nuxt/content") || options.content));
+  const forVue = !nuxt && options.mdc;
+  if (forNuxt || forVue) {
     hasProse = true;
     const path = "prose";
     writeThemeTemplate(themeProse, path);

package/dist/unplugin.mjs

@@ -3,7 +3,9 @@ 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.DX94P9Wb.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.CEMVb5Ee.mjs';
+import fs from 'node:fs';
+import path from 'node:path';
 import MagicString from 'magic-string';
 import { genSafeVariableName } from 'knitwork';
 import { resolvePathSync } from 'mlly';
@@ -17,9 +19,35 @@ import '@nuxt/kit';
 function TemplatePlugin(options, appConfig) {
   const templates = getTemplates(options, appConfig.b24ui);
   const templateKeys = new Set(templates.map((t) => `#build/${t.filename}`));
+  async function writeTemplates(root) {
+    const map = {};
+    const dir = path.join(root, "node_modules", ".b24ui-nuxt");
+    for (const template of templates) {
+      if (!template.write || !template.filename) {
+        continue;
+      }
+      const filePath = path.join(dir, template.filename);
+      if (!fs.existsSync(path.dirname(filePath))) {
+        fs.mkdirSync(path.dirname(filePath), { recursive: true });
+      }
+      fs.writeFileSync(filePath, await template.getContents({}));
+      map[`#build/${template.filename}`] = filePath;
+    }
+    return map;
+  }
   return {
     name: "bitrix24:b24ui:templates",
     enforce: "pre",
+    vite: {
+      async config(config) {
+        const alias = await writeTemplates(config.root || process.cwd());
+        return {
+          resolve: {
+            alias
+          }
+        };
+      }
+    },
     resolveId(id) {
       if (templateKeys.has(id + ".ts")) {
         return id.replace("#build/", "virtual:bitrix24-ui-templates/") + ".ts";

package/dist/vite.mjs

@@ -4,12 +4,14 @@ import 'pathe';
 import 'unplugin';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/b24ui-nuxt.DX94P9Wb.mjs';
+import './shared/b24ui-nuxt.CEMVb5Ee.mjs';
 import 'node:fs/promises';
 import 'tinyglobby';
 import 'scule';
 import 'knitwork';
 import '@nuxt/kit';
+import 'node:fs';
+import 'node:path';
 import 'magic-string';
 import 'mlly';
 import 'unplugin-vue-components';

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": "2.0.6",
+  "version": "2.0.8",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -80,10 +80,6 @@
       ]
     }
   },
-  "imports": {
-    "#build/b24ui/*": "./.nuxt/b24ui/*.ts",
-    "#build/b24ui.css": "./.nuxt/b24ui.css"
-  },
   "bin": {
     "bitrix24-ui": "./cli/index.mjs"
   },
@@ -93,8 +89,6 @@
     "README.md",
     "README-AI.md",
     "LICENSE",
-    ".nuxt/b24ui",
-    ".nuxt/b24ui.css",
     "dist",
     "cli",
     "vue-plugin.d.ts"
@@ -103,8 +97,8 @@
     "@bitrix24/b24icons-vue": "^2.0.4",
     "@internationalized/date": "^3.10.0",
     "@internationalized/number": "^3.6.5",
-    "@nuxt/kit": "^4.1.2",
-    "@nuxt/schema": "^4.1.2",
+    "@nuxt/kit": "^4.2.0",
+    "@nuxt/schema": "^4.2.0",
     "@standard-schema/spec": "^1.0.0",
     "@tailwindcss/postcss": "^4.1.16",
     "@tailwindcss/vite": "^4.1.16",
@@ -146,7 +140,7 @@
   },
   "devDependencies": {
     "@nuxt/content": "^3.7.1",
-    "@nuxt/eslint-config": "^1.9.0",
+    "@nuxt/eslint-config": "^1.10.0",
     "@nuxt/module-builder": "^1.0.2",
     "@nuxt/test-utils": "^3.20.1",
     "@types/canvas-confetti": "^1.9.0",
@@ -155,11 +149,11 @@
     "nuxt-component-meta": "^0.14.1",
     "sharp": "^0.34.3",
     "@vue/test-utils": "^2.4.6",
-    "ai": "^5.0.80",
+    "ai": "^5.0.81",
     "embla-carousel": "^8.6.0",
     "eslint": "^9.38.0",
-    "happy-dom": "^20.0.8",
-    "nuxt": "^4.1.2",
+    "happy-dom": "^20.0.10",
+    "nuxt": "^4.2.0",
     "vitest": "^3.2.4",
     "vitest-axe": "^0.1.0",
     "vitest-environment-nuxt": "^1.0.1",
@@ -199,16 +193,11 @@
     }
   },
   "resolutions": {
-    "@nuxt/kit": "4.1.2",
-    "nuxt": "4.1.2",
+    "@nuxt/kit": "^4.2.0",
     "@bitrix24/b24ui-nuxt": "workspace:*",
     "debug": "4.3.7",
     "typescript": "5.8.3",
-    "unimport": "4.1.1",
-    "unplugin": "^2.3.10",
-    "@ai-sdk/gateway": "2.0.1",
-    "ai": "5.0.80",
-    "@types/node": "24.7.0"
+    "unplugin": "^2.3.10"
   },
   "keywords": [
     "bitrix24-ui",

package/.nuxt/b24ui/accordion.ts

@@ -1,20 +0,0 @@
-export default {
-  "slots": {
-    "root": "w-full",
-    "item": "text-(--b24ui-typography-label-color) border-b border-(--ui-color-divider-vibrant-accent-more) last:border-b-0",
-    "header": "flex",
-    "trigger": "min-w-0 group flex-1 flex items-center gap-1.5 py-[12px] font-(--ui-font-weight-medium) text-(length:--ui-font-size-sm) leading-[20px] focus-visible:outline-(--ui-color-accent-soft-element-blue) cursor-pointer",
-    "content": "motion-safe:data-[state=open]:animate-[accordion-down_200ms_ease-out] motion-safe:data-[state=closed]:animate-[accordion-up_200ms_ease-out] overflow-hidden focus:outline-none",
-    "body": "text-(length:--ui-font-size-sm) pb-[12px]",
-    "leadingIcon": "shrink-0 size-[20px]",
-    "trailingIcon": "shrink-0 size-[20px] ms-auto group-data-[state=open]:rotate-180 transition-transform duration-200",
-    "label": "text-start break-words"
-  },
-  "variants": {
-    "disabled": {
-      "true": {
-        "trigger": "cursor-not-allowed opacity-75"
-      }
-    }
-  }
-}

package/.nuxt/b24ui/advice.ts

@@ -1,36 +0,0 @@
-const angle = [
-  "top",
-  "bottom"
-] as const
-
-export default {
-  "slots": {
-    "root": "light style-outline-accent-1 flex items-end",
-    "descriptionWrapper": "relative",
-    "descriptionBorder": "fill-(--b24ui-border-color)",
-    "descriptionBg": "fill-(--b24ui-background) dark:fill-(--ui-color-base-6)",
-    "descriptionAngle": "absolute w-[14px] h-[12px]",
-    "description": "grow w-11/12 py-3 px-md2 ms-2 rounded-[23px] font-[family-name:var(--ui-font-family-secondary)] text-(length:--ui-font-size-md)/(--ui-font-line-height-md) font-(--ui-font-weight-normal) border-1 border-(--b24ui-border-color) bg-(--b24ui-background) text-(--b24ui-color) dark:bg-(--ui-color-base-6)",
-    "leading": "me-1.5 ms-2 font-(--ui-font-weight-medium) text-(--ui-color-design-plain-content-icon-secondary)",
-    "leadingIcon": "shrink-0 size-[42px]",
-    "leadingAvatar": "shrink-0",
-    "leadingAvatarIcon": "text-(--b24ui-typography-label-color) bg-(--ui-color-base-8)",
-    "leadingAvatarSize": "lg"
-  },
-  "variants": {
-    "angle": {
-      "top": {
-        "root": "items-start",
-        "leading": "mt-0.5",
-        "descriptionAngle": "start-[0.8px] top-[9px] scale-x-100 -scale-y-100 rtl:-scale-x-100"
-      },
-      "bottom": {
-        "root": "items-end",
-        "descriptionAngle": "start-[0.8px] bottom-[9px] rtl:-scale-x-100"
-      }
-    }
-  },
-  "defaultVariants": {
-    "angle": "bottom" as typeof angle[number]
-  }
-}