@bitrix24/b24ui-nuxt 2.1.2 → 2.1.3

package/dist/runtime/components/prose/H3.vue

@@ -25,12 +25,14 @@ const generate = computed(() => props.id && typeof headings?.anchorLinks === "ob
 <template>
   <h3
     :id="id"
+    data-slot="base"
     :class="b24ui.base({ class: [props.b24ui?.base, props.class] })"
   >
-    <a v-if="id && generate" :href="`#${id}`" :class="b24ui.link({ class: props.b24ui?.link })">
-      <span :class="b24ui.leading({ class: props.b24ui?.leading })">
+    <a v-if="id && generate" :href="`#${id}`" data-slot="link" :class="b24ui.link({ class: props.b24ui?.link })">
+      <span data-slot="leading" :class="b24ui.leading({ class: props.b24ui?.leading })">
         <Component
           :is="icons.hash"
+          data-slot="leadingIcon"
           :class="b24ui.leadingIcon({ class: props.b24ui?.leadingIcon })"
         />
       </span>

package/dist/runtime/components/prose/H4.vue

@@ -25,12 +25,14 @@ const generate = computed(() => props.id && typeof headings?.anchorLinks === "ob
 <template>
   <h4
     :id="id"
+    data-slot="base"
     :class="b24ui.base({ class: [props.b24ui?.base, props.class] })"
   >
-    <a v-if="id && generate" :href="`#${id}`" :class="b24ui.link({ class: props.b24ui?.link })">
-      <span :class="b24ui.leading({ class: props.b24ui?.leading })">
+    <a v-if="id && generate" :href="`#${id}`" data-slot="link" :class="b24ui.link({ class: props.b24ui?.link })">
+      <span data-slot="leading" :class="b24ui.leading({ class: props.b24ui?.leading })">
         <Component
           :is="icons.hash"
+          data-slot="leadingIcon"
           :class="b24ui.leadingIcon({ class: props.b24ui?.leadingIcon })"
         />
       </span>

package/dist/runtime/components/prose/H5.vue

@@ -22,6 +22,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
 <template>
   <h5
     :id="id"
+    data-slot="base"
     :class="b24ui.base({ class: [props.b24ui?.base, props.class] })"
   >
     <slot />

package/dist/runtime/components/prose/H6.vue

@@ -22,6 +22,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
 <template>
   <h6
     :id="id"
+    data-slot="base"
     :class="b24ui.base({ class: [props.b24ui?.base, props.class] })"
   >
     <slot />

package/dist/runtime/components/prose/Hr.vue

@@ -15,5 +15,5 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
 </script>
 
 <template>
-  <hr :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
+  <hr data-slot="base" :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
 </template>

package/dist/runtime/components/prose/Img.vue

@@ -48,6 +48,7 @@ if (props.zoom) {
       :width="width"
       :height="height"
       v-bind="$attrs"
+      data-slot="base"
       :class="b24ui.base({ class: [props.b24ui?.base, props.class] })"
     />
   </DefineImageTemplate>
@@ -58,6 +59,7 @@ if (props.zoom) {
       :src="refinedSrc"
       :alt="alt"
       v-bind="$attrs"
+      data-slot="zoomedImage"
       :class="b24ui.zoomedImage({ class: [props.b24ui?.zoomedImage] })"
     />
   </DefineZoomedImageTemplate>
@@ -81,11 +83,13 @@ if (props.zoom) {
           :initial="{ opacity: 0 }"
           :animate="{ opacity: 1 }"
           :exit="{ opacity: 0 }"
+          data-slot="overlay"
           :class="b24ui.overlay({ class: [props.b24ui?.overlay] })"
         />
 
         <div
           v-if="open"
+          data-slot="content"
           :class="b24ui.content({ class: [props.b24ui?.content] })"
           @click="close"
         >

package/dist/runtime/components/prose/Li.vue

@@ -16,7 +16,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
 </script>
 
 <template>
-  <li :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
+  <li data-slot="base" :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
     <slot />
   </li>
 </template>

package/dist/runtime/components/prose/Ol.vue

@@ -16,7 +16,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
 </script>
 
 <template>
-  <ol :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
+  <ol data-slot="base" :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
     <slot />
   </ol>
 </template>

package/dist/runtime/components/prose/P.vue

@@ -21,7 +21,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
 </script>
 
 <template>
-  <p :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
+  <p data-slot="base" :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
     <slot />
   </p>
 </template>

package/dist/runtime/components/prose/Pre.vue

@@ -31,17 +31,18 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
 </script>
 
 <template>
-  <div :class="b24ui.root({ class: [props.b24ui?.root], filename: !!filename })">
-    <div v-if="filename && !hideHeader" :class="b24ui.header({ class: props.b24ui?.header })">
-      <B24CodeIcon :icon="icon" :filename="filename" :class="b24ui.icon({ class: props.b24ui?.icon })" />
+  <div data-slot="root" :class="b24ui.root({ class: [props.b24ui?.root], filename: !!filename })">
+    <div v-if="filename && !hideHeader" data-slot="header" :class="b24ui.header({ class: props.b24ui?.header })">
+      <B24CodeIcon :icon="icon" :filename="filename" data-slot="icon" :class="b24ui.icon({ class: props.b24ui?.icon })" />
 
-      <span :class="b24ui.filename({ class: props.b24ui?.filename })">{{ filename }}</span>
+      <span data-slot="filename" :class="b24ui.filename({ class: props.b24ui?.filename })">{{ filename }}</span>
     </div>
 
     <B24Button
       color="air-secondary-no-accent"
       size="sm"
       :aria-label="t('prose.pre.copy')"
+      data-slot="copy"
       :class="b24ui.copy({ class: props.b24ui?.copy })"
       tabindex="-1"
       :icon="copied ? icons.copyCheck : icons.copy"
@@ -51,7 +52,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
       @click="copy(props.code || '')"
     />
 
-    <pre :class="b24ui.base({ class: [props.b24ui?.base, props.class] })" v-bind="$attrs"><slot /></pre>
+    <pre data-slot="base" :class="b24ui.base({ class: [props.b24ui?.base, props.class] })" v-bind="$attrs"><slot /></pre>
   </div>
 </template>
 

package/dist/runtime/components/prose/Strong.vue

@@ -16,7 +16,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
 </script>
 
 <template>
-  <strong :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
+  <strong data-slot="base" :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
     <slot />
   </strong>
 </template>

package/dist/runtime/components/prose/Table.d.vue.ts

@@ -27,9 +27,6 @@ export interface ProseTableProps {
     class?: any;
     b24ui?: ProseTable['slots'];
 }
-/**
- * @todo add Pick<Xxxx
- */
 export interface ProseTableSlots {
     default(props?: {}): any;
 }

package/dist/runtime/components/prose/Table.vue

@@ -25,6 +25,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
 <template>
   <B24TableWrapper
     :as="as"
+    data-slot="root"
     :class="b24ui.root({ class: [props.b24ui?.root, props.class] })"
     :zebra="props.zebra"
     :row-hover="props.rowHover"
@@ -32,7 +33,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
     :bordered="props.bordered"
     size="sm"
   >
-    <table :class="b24ui.base({ class: props.b24ui?.base })">
+    <table data-slot="base" :class="b24ui.base({ class: props.b24ui?.base })">
       <slot />
     </table>
   </B24TableWrapper>

package/dist/runtime/components/prose/Table.vue.d.ts

@@ -27,9 +27,6 @@ export interface ProseTableProps {
     class?: any;
     b24ui?: ProseTable['slots'];
 }
-/**
- * @todo add Pick<Xxxx
- */
 export interface ProseTableSlots {
     default(props?: {}): any;
 }

package/dist/runtime/components/prose/Tbody.vue

@@ -16,7 +16,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
 </script>
 
 <template>
-  <tbody :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
+  <tbody data-slot="base" :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
     <slot />
   </tbody>
 </template>

package/dist/runtime/components/prose/Td.vue

@@ -16,7 +16,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
 </script>
 
 <template>
-  <td :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
+  <td data-slot="base" :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
     <slot />
   </td>
 </template>

package/dist/runtime/components/prose/Th.vue

@@ -16,7 +16,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
 </script>
 
 <template>
-  <th :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
+  <th data-slot="base" :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
     <slot />
   </th>
 </template>

package/dist/runtime/components/prose/Thead.vue

@@ -16,7 +16,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
 </script>
 
 <template>
-  <thead :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
+  <thead data-slot="base" :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
     <slot />
   </thead>
 </template>

package/dist/runtime/components/prose/Tr.vue

@@ -16,7 +16,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
 </script>
 
 <template>
-  <tr :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
+  <tr data-slot="base" :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
     <slot />
   </tr>
 </template>

package/dist/runtime/components/prose/Ul.vue

@@ -16,7 +16,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
 </script>
 
 <template>
-  <ul :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
+  <ul data-slot="base" :class="b24ui.base({ class: [props.b24ui?.base, props.class] })">
     <slot />
   </ul>
 </template>

package/dist/runtime/composables/useContentSearch.d.ts

@@ -1,5 +1,10 @@
+import type { ContentNavigationItem } from '@nuxt/content';
+import type { ContentSearchFile, ContentSearchItem } from '../components/content/ContentSearch.vue';
 declare function _useContentSearch(): {
     open: import("vue").Ref<boolean, boolean>;
+    mapFile: (file: ContentSearchFile, link: ContentNavigationItem, parent?: ContentNavigationItem) => ContentSearchItem;
+    mapNavigationItems: (children: ContentNavigationItem[], files: ContentSearchFile[], parent?: ContentNavigationItem) => ContentSearchItem[];
+    postFilter: (query: string, items: ContentSearchItem[]) => ContentSearchItem[];
 };
 export declare const useContentSearch: typeof _useContentSearch;
 export {};

package/dist/runtime/composables/useContentSearch.js

@@ -1,9 +1,38 @@
 import { ref } from "vue";
 import { createSharedComposable } from "@vueuse/core";
+import icons from "../dictionary/icons.js";
 function _useContentSearch() {
   const open = ref(false);
+  function mapFile(file, link, parent) {
+    const prefix = [...new Set([parent?.title, ...file.titles].filter(Boolean))];
+    return {
+      prefix: prefix?.length ? prefix.join(" > ") + " >" : void 0,
+      label: file.id === link.path ? link.title : file.title,
+      suffix: file.content.replaceAll("<", "&lt;").replaceAll(">", "&gt;"),
+      to: file.id,
+      icon: link.icon || parent?.icon || (file.level > 1 ? icons.hash : icons.file),
+      level: file.level
+    };
+  }
+  function mapNavigationItems(children, files, parent) {
+    return children.flatMap((link) => {
+      if (link.children?.length) {
+        return mapNavigationItems(link.children, files, link);
+      }
+      return files?.filter((file) => file.id === link.path || file.id.startsWith(`${link.path}#`))?.map((file) => mapFile(file, link, parent)) || [];
+    });
+  }
+  function postFilter(query, items) {
+    if (!query) {
+      return items?.filter((item) => item.level === 1);
+    }
+    return items;
+  }
   return {
-    open
+    open,
+    mapFile,
+    mapNavigationItems,
+    postFilter
   };
 }
 export const useContentSearch = /* @__PURE__ */ createSharedComposable(_useContentSearch);

package/dist/runtime/inertia/stubs.js

@@ -74,7 +74,7 @@ const hooks = createHooks();
 export function useNuxtApp() {
   return {
     isHydrating: true,
-    payload: { serverRendered: false },
+    payload: { serverRendered: typeof window === "undefined" },
     hooks,
     hook: hooks.hook
   };

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

@@ -91,7 +91,10 @@ export * from '../components/color-mode/ColorModeImage.vue';
 export * from '../components/color-mode/ColorModeSelect.vue';
 export * from '../components/color-mode/ColorModeSwitch.vue';
 export * from '../components/locale/LocaleSelect.vue';
+export * from './content';
 export * from './form';
 export * from './icons';
 export * from './locale';
+export * from './prose';
 export * from './color-mode';
+export * from './utils';

package/dist/runtime/types/index.js

@@ -91,7 +91,10 @@ export * from "../components/color-mode/ColorModeImage.vue";
 export * from "../components/color-mode/ColorModeSelect.vue";
 export * from "../components/color-mode/ColorModeSwitch.vue";
 export * from "../components/locale/LocaleSelect.vue";
+export * from "./content.js";
 export * from "./form.js";
 export * from "./icons.js";
 export * from "./locale.js";
+export * from "./prose.js";
 export * from "./color-mode.js";
+export * from "./utils.js";

package/dist/shared/{b24ui-nuxt.B9uYyQGR.mjs → b24ui-nuxt.mq1NUekN.mjs}

@@ -8,7 +8,7 @@ import { globSync } from 'tinyglobby';
 import { defuFn } from 'defu';
 
 const name = "@bitrix24/b24ui-nuxt";
-const version = "2.1.2";
+const version = "2.1.3";
 
 function getDefaultConfig(theme) {
   return {
@@ -8927,7 +8927,7 @@ const sidebarHeader = {
       "flex flex-col",
       "text-(--ui-color-base-1)",
       "border-b border-(--leftmenu-bg-divider)",
-      "[&>[data-slot=section]+[data-slot=section]]:mt-2.5"
+      "[&>[data-component=section]+[data-component=section]]:mt-2.5"
     ].join(" ")
   }
 };
@@ -8960,7 +8960,7 @@ const sidebarFooter = {
       "flex flex-col",
       "max-lg:hidden",
       // 'border-t border-(--leftmenu-bg-divider)',
-      "[&>[data-slot=section]+[data-slot=section]]:mt-2.5"
+      "[&>[data-component=section]+[data-component=section]]:mt-2.5"
     ].join(" ")
   }
 };

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 getDefaultConfig } from './shared/b24ui-nuxt.B9uYyQGR.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultConfig } from './shared/b24ui-nuxt.mq1NUekN.mjs';
 import fs from 'node:fs';
 import path from 'node:path';
 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.B9uYyQGR.mjs';
+import './shared/b24ui-nuxt.mq1NUekN.mjs';
 import 'scule';
 import 'knitwork';
 import '@nuxt/kit';

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.1.2",
+  "version": "2.1.3",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -130,7 +130,7 @@
     "embla-carousel-wheel-gestures": "^8.1.0",
     "fuse.js": "^7.1.0",
     "hookable": "^5.5.3",
-    "knitwork": "^1.2.0",
+    "knitwork": "^1.3.0",
     "magic-string": "^0.30.21",
     "mlly": "^1.8.0",
     "motion-v": "^1.7.3",
@@ -146,20 +146,19 @@
     "unplugin-auto-import": "^20.2.0",
     "unplugin-vue-components": "^30.0.0",
     "vaul-vue": "0.4.1",
-    "vue-component-type-helpers": "^3.1.3"
+    "vue-component-type-helpers": "^3.1.4"
   },
   "devDependencies": {
-    "@nuxt/content": "^3.8.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",
     "@types/node": "^24.7.0",
     "esno": "^4.8.0",
-    "nuxt-component-meta": "^0.14.1",
+    "nuxt-component-meta": "^0.14.2",
     "sharp": "^0.34.3",
     "@vue/test-utils": "^2.4.6",
-    "ai": "^5.0.90",
+    "ai": "^5.0.93",
     "embla-carousel": "^8.6.0",
     "eslint": "^9.39.1",
     "happy-dom": "^20.0.10",
@@ -167,10 +166,11 @@
     "vitest": "^3.2.4",
     "vitest-axe": "^0.1.0",
     "vitest-environment-nuxt": "^1.0.1",
-    "vue-tsc": "^3.1.3"
+    "vue-tsc": "^3.1.4"
   },
   "peerDependencies": {
     "@inertiajs/vue3": "^2.0.7",
+    "@nuxt/content": "^3.8.0",
     "joi": "^18.0.0",
     "superstruct": "^2.0.0",
     "typescript": "^5.6.3",
@@ -183,6 +183,9 @@
     "@inertiajs/vue3": {
       "optional": true
     },
+    "@nuxt/content": {
+      "optional": true
+    },
     "joi": {
       "optional": true
     },
@@ -207,9 +210,7 @@
     "@bitrix24/b24ui-nuxt": "workspace:*",
     "debug": "4.3.7",
     "typescript": "5.8.3",
-    "unplugin": "^2.3.10",
-    "ai": "5.0.90",
-    "@ai-sdk/vue": "2.0.90"
+    "unplugin": "^2.3.10"
   },
   "keywords": [
     "bitrix24-ui",
@@ -238,7 +239,6 @@
     "dev:vue": "pnpm --filter ./playgrounds/vue dev -- --uiDev",
     "dev:vue:build": "pnpm --filter ./playgrounds/vue build",
     "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxt prepare playgrounds/nuxt && nuxt prepare docs && pnpm dev:vue:build && nuxt prepare playgrounds/demo && nuxt-component-meta playgrounds/nuxt --outputDir ../../src/.component-meta/",
-    "dev:prepare-component-meta": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxt prepare docs && nuxt-component-meta docs --outputDir ../../src/.component-meta/",
     "demo:dev": "nuxt dev playgrounds/demo",
     "demo:generate": "nuxt generate playgrounds/demo",
     "demo:preview": "nuxt preview playgrounds/demo",