@bitrix24/b24ui-nuxt 2.1.2 → 2.1.4

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

@@ -27,15 +27,16 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
 </script>
 
 <template>
-  <div :class="b24ui.root({ class: [props.b24ui?.root, props.class] })">
+  <div data-slot="root" :class="b24ui.root({ class: [props.b24ui?.root, props.class] })">
     <slot />
 
-    <div :class="b24ui.footer({ class: props.b24ui?.footer })">
+    <div data-slot="footer" :class="b24ui.footer({ class: props.b24ui?.footer })">
       <B24Button
         :icon="icon || icons.chevronDown"
         color="air-secondary-accent-1"
         :data-state="open ? 'open' : 'closed'"
         :label="`${open ? props.closeText || t('prose.codeCollapse.closeText') : props.openText || t('prose.codeCollapse.openText')} ${props.name || t('prose.codeCollapse.name')}`"
+        data-slot="trigger"
         :class="b24ui.trigger({ class: props.b24ui?.trigger })"
         :b24ui="{ leadingIcon: b24ui.triggerIcon({ class: props.b24ui?.triggerIcon }) }"
         @click="open = !open"

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

@@ -52,14 +52,14 @@ onBeforeUpdate(() => rerenderCount.value++);
 </script>
 
 <template>
-  <TabsRoot v-model="model" :default-value="defaultValue" :unmount-on-hide="false" :class="b24ui.root({ class: [props.b24ui?.root, props.class] })">
-    <TabsList :class="b24ui.list({ class: props.b24ui?.list })">
-      <TabsIndicator :class="b24ui.indicator({ class: props.b24ui?.indicator })" />
+  <TabsRoot v-model="model" :default-value="defaultValue" :unmount-on-hide="false" data-slot="root" :class="b24ui.root({ class: [props.b24ui?.root, props.class] })">
+    <TabsList data-slot="list" :class="b24ui.list({ class: props.b24ui?.list })">
+      <TabsIndicator data-slot="indicator" :class="b24ui.indicator({ class: props.b24ui?.indicator })" />
 
-      <TabsTrigger v-for="(item, index) of items" :key="index" :value="String(index)" :class="b24ui.trigger({ class: props.b24ui?.trigger })">
-        <B24CodeIcon :icon="item.icon" :filename="item.label" :class="b24ui.triggerIcon({ class: props.b24ui?.triggerIcon })" />
+      <TabsTrigger v-for="(item, index) of items" :key="index" :value="String(index)" data-slot="trigger" :class="b24ui.trigger({ class: props.b24ui?.trigger })">
+        <B24CodeIcon :icon="item.icon" :filename="item.label" data-slot="triggerIcon" :class="b24ui.triggerIcon({ class: props.b24ui?.triggerIcon })" />
 
-        <span :class="b24ui.triggerLabel({ class: props.b24ui?.triggerLabel })">{{ item.label }}</span>
+        <span data-slot="triggerLabel" :class="b24ui.triggerLabel({ class: props.b24ui?.triggerLabel })">{{ item.label }}</span>
       </TabsTrigger>
     </TabsList>
 

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

@@ -16,12 +16,12 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
 </script>
 
 <template>
-  <div :class="b24ui.root({ class: [props.b24ui?.root, props.class] })">
-    <div :class="b24ui.preview({ class: [props.b24ui?.preview] })">
+  <div data-slot="root" :class="b24ui.root({ class: [props.b24ui?.root, props.class] })">
+    <div data-slot="preview" :class="b24ui.preview({ class: [props.b24ui?.preview] })">
       <slot />
     </div>
 
-    <div v-if="!!slots.code" :class="b24ui.code({ class: [props.b24ui?.code] })">
+    <div v-if="!!slots.code" data-slot="code" :class="b24ui.code({ class: [props.b24ui?.code] })">
       <slot name="code" />
     </div>
   </div>

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

@@ -27,12 +27,13 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
 <template>
   <B24Collapsible :unmount-on-hide="false" :class="props.class" :b24ui="transformUI(b24ui, props.b24ui)">
     <template #default="{ open }">
-      <button :class="b24ui.trigger({ class: props.b24ui?.trigger })">
+      <button data-slot="trigger" :class="b24ui.trigger({ class: props.b24ui?.trigger })">
         <Component
           :is="icon || icons.chevronDown"
+          data-slot="triggerIcon"
           :class="b24ui.triggerIcon({ class: props.b24ui?.triggerIcon })"
         />
-        <span :class="b24ui.triggerLabel({ class: props.b24ui?.triggerLabel })">
+        <span data-slot="triggerLabel" :class="b24ui.triggerLabel({ class: props.b24ui?.triggerLabel })">
           {{ open ? props.closeText || t("prose.collapsible.closeText") : props.openText || t("prose.collapsible.openText") }} {{ props.name || t("prose.collapsible.name") }}
         </span>
       </button>

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

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

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

@@ -22,24 +22,24 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.
 </script>
 
 <template>
-  <Primitive :as="as" :class="b24ui.root({ class: [props.b24ui?.root, props.class] })">
-    <div :class="b24ui.container({ class: props.b24ui?.container })">
-      <span v-if="name" :class="b24ui.name({ class: props.b24ui?.name })">
+  <Primitive :as="as" data-slot="root" :class="b24ui.root({ class: [props.b24ui?.root, props.class] })">
+    <div data-slot="container" :class="b24ui.container({ class: props.b24ui?.container })">
+      <span v-if="name" data-slot="name" :class="b24ui.name({ class: props.b24ui?.name })">
         {{ name }}
       </span>
 
-      <div v-if="type || required" :class="b24ui.wrapper({ class: props.b24ui?.wrapper })">
-        <span v-if="type" :class="b24ui.type({ class: props.b24ui?.type })">
+      <div v-if="type || required" data-slot="wrapper" :class="b24ui.wrapper({ class: props.b24ui?.wrapper })">
+        <span v-if="type" data-slot="type" :class="b24ui.type({ class: props.b24ui?.type })">
           {{ type }}
         </span>
 
-        <span v-if="required" :class="b24ui.required({ class: props.b24ui?.required })">
+        <span v-if="required" data-slot="required" :class="b24ui.required({ class: props.b24ui?.required })">
           required
         </span>
       </div>
     </div>
 
-    <div v-if="!!slots.default || description" :class="b24ui.description({ class: props.b24ui?.description })">
+    <div v-if="!!slots.default || description" data-slot="description" :class="b24ui.description({ class: props.b24ui?.description })">
       <slot mdc-unwrap="p">
         {{ description }}
       </slot>

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

@@ -24,6 +24,7 @@ const generate = computed(() => props.id && typeof headings?.anchorLinks === "ob
 <template>
   <h1
     :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 })">

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

@@ -25,12 +25,14 @@ const generate = computed(() => props.id && typeof headings?.anchorLinks === "ob
 <template>
   <h2
     :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/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/runtime/utils/virtualizer.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Get estimate size for virtualizers that checks each item individually
+ * NOTE: This requires Reka UI to support functions for estimateSize (https://github.com/unovue/reka-ui/pull/2288)
+ * Until then, we check if ANY item has a description and use that for all items
+ */
+export declare function getEstimateSize(items: any[], size: 'xss' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', descriptionKey?: string): number;

package/dist/runtime/utils/virtualizer.js

@@ -0,0 +1,32 @@
+import { get } from "./index.js";
+function hasDescription(item, descriptionKey) {
+  if (typeof item !== "object" || item === null) {
+    return false;
+  }
+  const value = get(item, descriptionKey);
+  return value !== void 0 && value !== null && value !== "";
+}
+function getSize(size, hasDescription2) {
+  if (hasDescription2) {
+    return {
+      xss: 40,
+      xs: 44,
+      sm: 48,
+      md: 52,
+      lg: 56,
+      xl: 60
+    }[size];
+  }
+  return {
+    xss: 20,
+    xs: 24,
+    sm: 28,
+    md: 32,
+    lg: 36,
+    xl: 40
+  }[size];
+}
+export function getEstimateSize(items, size, descriptionKey) {
+  const anyHasDescription = descriptionKey ? items.some((item) => hasDescription(item, descriptionKey)) : false;
+  return getSize(size, anyHasDescription);
+}

package/dist/shared/{b24ui-nuxt.B9uYyQGR.mjs → b24ui-nuxt.Bs0V9FLV.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.4";
 
 function getDefaultConfig(theme) {
   return {
@@ -102,30 +102,32 @@ function resolveComponentDependencies(component, dependencyGraph, resolved = /*
   }
   return resolved;
 }
-async function detectUsedComponents(rootDir, prefix, componentDir, includeComponents) {
+async function detectUsedComponents(dirs, prefix, componentDir, includeComponents) {
   const detectedComponents = /* @__PURE__ */ new Set();
   if (includeComponents && includeComponents.length > 0) {
     for (const component of includeComponents) {
       detectedComponents.add(component);
     }
   }
-  const appFiles = globSync(["**/*.{vue,ts,js,tsx,jsx}"], {
-    cwd: rootDir,
-    ignore: ["node_modules/**", ".nuxt/**", "dist/**"]
-  });
   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);
-      const content = await readFile(filePath, "utf-8");
-      const matches = content.matchAll(componentPattern);
-      for (const match of matches) {
-        const componentName = match[1] || match[2];
-        if (componentName) {
-          detectedComponents.add(componentName);
+  for (const dir of dirs) {
+    const appFiles = globSync(["**/*.{vue,ts,js,tsx,jsx}"], {
+      cwd: dir,
+      ignore: ["node_modules/**", ".nuxt/**", "dist/**"]
+    });
+    for (const file of appFiles) {
+      try {
+        const filePath = join(dir, file);
+        const content = await readFile(filePath, "utf-8");
+        const matches = content.matchAll(componentPattern);
+        for (const match of matches) {
+          const componentName = match[1] || match[2];
+          if (componentName) {
+            detectedComponents.add(componentName);
+          }
         }
+      } catch {
       }
-    } catch {
     }
   }
   if (detectedComponents.size === 0) {
@@ -8927,7 +8929,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 +8962,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(" ")
   }
 };
@@ -10343,8 +10345,12 @@ function getTemplates(options, uiConfig, nuxt, resolve) {
   async function generateSources() {
     let sources = "";
     if (!!nuxt && !!resolve && options.experimental?.componentDetection) {
-      const detectedComponents = await detectUsedComponents(
+      const dirs = [.../* @__PURE__ */ new Set([
         nuxt.options.rootDir,
+        ...nuxt.options._layers?.map((layer) => layer.config.rootDir).filter(Boolean) || []
+      ])];
+      const detectedComponents = await detectUsedComponents(
+        dirs,
         "B24",
         resolve("./runtime/components"),
         Array.isArray(options.experimental.componentDetection) ? options.experimental.componentDetection : void 0