@bitrix24/b24ui-nuxt 2.1.3 → 2.1.4

package/dist/meta.d.mts

@@ -12086,16 +12086,10 @@ var B24UIMeta = {
           }
         }
       ],
-      "slots": [
-        {
-          "name": "fallback",
-          "type": "{} | undefined",
-          "description": ""
-        }
-      ],
+      "slots": [],
       "events": [],
       "exposed": [],
-      "hash": "WNaDY6B1xJ7xA0ohtfxzS7iTUGYt8zzKKg3GG9N-lVk"
+      "hash": "gNcve841eye260cg6qWtLrbJEhVCAAZEqbvjcy-hw1U"
     }
   },
   "B24ColorModeImage": {
@@ -50591,7 +50585,7 @@ var B24UIMeta = {
         }
       ],
       "exposed": [],
-      "hash": "fsAvorFvSxnI7-ZnaFRXOxDKgpb2gSM_VLWJNNRxU9E"
+      "hash": "DchR7JEFAoPxlZnMYa9Mz_ibXwN55wlt817VlGA0rq8"
     }
   },
   "B24Container": {
@@ -82774,7 +82768,7 @@ var B24UIMeta = {
         }
       ],
       "exposed": [],
-      "hash": "KMwA1ZzTZVC3HNDDnbT4-F0XHE5U_9wUb9r0-RcMEAw"
+      "hash": "kTnvAgyFW-xm0udyy9wM1yD3VzzGNyLjueHb9YmY288"
     }
   },
   "B24InputNumber": {
@@ -111336,7 +111330,7 @@ var B24UIMeta = {
         }
       ],
       "exposed": [],
-      "hash": "mZPIwMZGx-HfrtuznIa7rY7k3xTS-4-1FwLsi_fFvrQ"
+      "hash": "L-Cf6BrsA61GRhgcvGKTebruHjs-W_33usKwCmqwJjU"
     }
   },
   "B24Separator": {
@@ -120995,17 +120989,17 @@ var B24UIMeta = {
             }
           ],
           "required": false,
-          "type": 'boolean | (Partial<Omit<VirtualizerOptions<Element, Element>, "getScrollElement" | "count" | "estimateSize" | "overscan">> & { overscan?: number | undefined; estimateSize?: number | undefined; }) | undefined',
+          "type": 'boolean | (Partial<Omit<VirtualizerOptions<Element, Element>, "getScrollElement" | "count" | "estimateSize" | "overscan">> & { overscan?: number | undefined; estimateSize?: number | ((index: number) => number) | undefined; }) | undefined',
           "schema": {
             "kind": "enum",
-            "type": 'boolean | (Partial<Omit<VirtualizerOptions<Element, Element>, "getScrollElement" | "count" | "estimateSize" | "overscan">> & { overscan?: number | undefined; estimateSize?: number | undefined; }) | undefined',
+            "type": 'boolean | (Partial<Omit<VirtualizerOptions<Element, Element>, "getScrollElement" | "count" | "estimateSize" | "overscan">> & { overscan?: number | undefined; estimateSize?: number | ((index: number) => number) | undefined; }) | undefined',
             "schema": {
               "0": "undefined",
               "1": "false",
               "2": "true",
               "3": {
                 "kind": "object",
-                "type": 'Partial<Omit<VirtualizerOptions<Element, Element>, "getScrollElement" | "count" | "estimateSize" | "overscan">> & { overscan?: number | undefined; estimateSize?: number | undefined; }',
+                "type": 'Partial<Omit<VirtualizerOptions<Element, Element>, "getScrollElement" | "count" | "estimateSize" | "overscan">> & { overscan?: number | undefined; estimateSize?: number | ((index: number) => number) | undefined; }',
                 "schema": {
                   "onChange": {
                     "name": "onChange",
@@ -121482,7 +121476,7 @@ var B24UIMeta = {
                   "estimateSize": {
                     "name": "estimateSize",
                     "global": false,
-                    "description": "Estimated size (in px) of each item",
+                    "description": "Estimated size (in px) of each item, or a function that returns the size for a given index",
                     "tags": [
                       {
                         "name": "defaultValue",
@@ -121490,8 +121484,20 @@ var B24UIMeta = {
                       }
                     ],
                     "required": false,
-                    "type": "number | undefined",
-                    "schema": "number | undefined"
+                    "type": "number | ((index: number) => number) | undefined",
+                    "schema": {
+                      "kind": "enum",
+                      "type": "number | ((index: number) => number) | undefined",
+                      "schema": {
+                        "0": "undefined",
+                        "1": "number",
+                        "2": {
+                          "kind": "event",
+                          "type": "(index: number): number",
+                          "schema": []
+                        }
+                      }
+                    }
                   }
                 }
               }
@@ -123543,7 +123549,7 @@ var B24UIMeta = {
         }
       ],
       "exposed": [],
-      "hash": "3WqAtDTzBMFPP6FlhE471iGPPP4q9uOFnnT2jKjsm7k"
+      "hash": "irkn8qnmGXuqh5Of_BGFc3-3FcvgqSuiXVRrnfpA1P8"
     }
   },
   "B24TableWrapper": {

package/dist/meta.mjs

@@ -12086,16 +12086,10 @@ const B24UIMeta = {
           }
         }
       ],
-      "slots": [
-        {
-          "name": "fallback",
-          "type": "{} | undefined",
-          "description": ""
-        }
-      ],
+      "slots": [],
       "events": [],
       "exposed": [],
-      "hash": "WNaDY6B1xJ7xA0ohtfxzS7iTUGYt8zzKKg3GG9N-lVk"
+      "hash": "gNcve841eye260cg6qWtLrbJEhVCAAZEqbvjcy-hw1U"
     }
   },
   "B24ColorModeImage": {
@@ -50591,7 +50585,7 @@ const B24UIMeta = {
         }
       ],
       "exposed": [],
-      "hash": "fsAvorFvSxnI7-ZnaFRXOxDKgpb2gSM_VLWJNNRxU9E"
+      "hash": "DchR7JEFAoPxlZnMYa9Mz_ibXwN55wlt817VlGA0rq8"
     }
   },
   "B24Container": {
@@ -82774,7 +82768,7 @@ const B24UIMeta = {
         }
       ],
       "exposed": [],
-      "hash": "KMwA1ZzTZVC3HNDDnbT4-F0XHE5U_9wUb9r0-RcMEAw"
+      "hash": "kTnvAgyFW-xm0udyy9wM1yD3VzzGNyLjueHb9YmY288"
     }
   },
   "B24InputNumber": {
@@ -111336,7 +111330,7 @@ const B24UIMeta = {
         }
       ],
       "exposed": [],
-      "hash": "mZPIwMZGx-HfrtuznIa7rY7k3xTS-4-1FwLsi_fFvrQ"
+      "hash": "L-Cf6BrsA61GRhgcvGKTebruHjs-W_33usKwCmqwJjU"
     }
   },
   "B24Separator": {
@@ -120995,17 +120989,17 @@ const B24UIMeta = {
             }
           ],
           "required": false,
-          "type": 'boolean | (Partial<Omit<VirtualizerOptions<Element, Element>, "getScrollElement" | "count" | "estimateSize" | "overscan">> & { overscan?: number | undefined; estimateSize?: number | undefined; }) | undefined',
+          "type": 'boolean | (Partial<Omit<VirtualizerOptions<Element, Element>, "getScrollElement" | "count" | "estimateSize" | "overscan">> & { overscan?: number | undefined; estimateSize?: number | ((index: number) => number) | undefined; }) | undefined',
           "schema": {
             "kind": "enum",
-            "type": 'boolean | (Partial<Omit<VirtualizerOptions<Element, Element>, "getScrollElement" | "count" | "estimateSize" | "overscan">> & { overscan?: number | undefined; estimateSize?: number | undefined; }) | undefined',
+            "type": 'boolean | (Partial<Omit<VirtualizerOptions<Element, Element>, "getScrollElement" | "count" | "estimateSize" | "overscan">> & { overscan?: number | undefined; estimateSize?: number | ((index: number) => number) | undefined; }) | undefined',
             "schema": {
               "0": "undefined",
               "1": "false",
               "2": "true",
               "3": {
                 "kind": "object",
-                "type": 'Partial<Omit<VirtualizerOptions<Element, Element>, "getScrollElement" | "count" | "estimateSize" | "overscan">> & { overscan?: number | undefined; estimateSize?: number | undefined; }',
+                "type": 'Partial<Omit<VirtualizerOptions<Element, Element>, "getScrollElement" | "count" | "estimateSize" | "overscan">> & { overscan?: number | undefined; estimateSize?: number | ((index: number) => number) | undefined; }',
                 "schema": {
                   "onChange": {
                     "name": "onChange",
@@ -121482,7 +121476,7 @@ const B24UIMeta = {
                   "estimateSize": {
                     "name": "estimateSize",
                     "global": false,
-                    "description": "Estimated size (in px) of each item",
+                    "description": "Estimated size (in px) of each item, or a function that returns the size for a given index",
                     "tags": [
                       {
                         "name": "defaultValue",
@@ -121490,8 +121484,20 @@ const B24UIMeta = {
                       }
                     ],
                     "required": false,
-                    "type": "number | undefined",
-                    "schema": "number | undefined"
+                    "type": "number | ((index: number) => number) | undefined",
+                    "schema": {
+                      "kind": "enum",
+                      "type": "number | ((index: number) => number) | undefined",
+                      "schema": {
+                        "0": "undefined",
+                        "1": "number",
+                        "2": {
+                          "kind": "event",
+                          "type": "(index: number): number",
+                          "schema": []
+                        }
+                      }
+                    }
                   }
                 }
               }
@@ -123543,7 +123549,7 @@ const B24UIMeta = {
         }
       ],
       "exposed": [],
-      "hash": "3WqAtDTzBMFPP6FlhE471iGPPP4q9uOFnnT2jKjsm7k"
+      "hash": "irkn8qnmGXuqh5Of_BGFc3-3FcvgqSuiXVRrnfpA1P8"
     }
   },
   "B24TableWrapper": {

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@bitrix24/b24ui-nuxt",
-  "version": "2.1.3",
+  "version": "2.1.4",
   "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, installModule } from '@nuxt/kit';
-import { d as defaultOptions, v as version, n as name, a as getDefaultConfig, b as addTemplates } from './shared/b24ui-nuxt.mq1NUekN.mjs';
+import { d as defaultOptions, v as version, n as name, a as getDefaultConfig, b as addTemplates } from './shared/b24ui-nuxt.Bs0V9FLV.mjs';
 import 'node:url';
 import 'scule';
 import 'knitwork';

package/dist/runtime/components/CommandPalette.vue

@@ -11,9 +11,10 @@ import { useFuse } from "@vueuse/integrations/useFuse";
 import { useAppConfig } from "#imports";
 import { useLocale } from "../composables/useLocale";
 import { omit, get } from "../utils";
-import { tv } from "../utils/tv";
 import { highlight } from "../utils/fuse";
 import { pickLinkProps } from "../utils/link";
+import { getEstimateSize } from "../utils/virtualizer";
+import { tv } from "../utils/tv";
 import icons from "../dictionary/icons";
 import B24Avatar from "./Avatar.vue";
 import B24Button from "./Button.vue";
@@ -58,7 +59,12 @@ const { t } = useLocale();
 const appConfig = useAppConfig();
 const rootProps = useForwardPropsEmits(reactivePick(props, "as", "disabled", "multiple", "modelValue", "defaultValue", "highlightOnHover"), emits);
 const inputProps = useForwardProps(reactivePick(props, "loading"));
-const virtualizerProps = toRef(() => !!props.virtualize && defu(typeof props.virtualize === "boolean" ? {} : props.virtualize, { estimateSize: 32 }));
+const virtualizerProps = toRef(() => {
+  if (!props.virtualize) return false;
+  return defu(typeof props.virtualize === "boolean" ? {} : props.virtualize, {
+    estimateSize: getEstimateSize(filteredItems.value, "md", props.descriptionKey)
+  });
+});
 const [DefineItemTemplate, ReuseItemTemplate] = createReusableTemplate({
   props: {
     item: {

package/dist/runtime/components/InputMenu.vue

@@ -15,6 +15,7 @@ import { useFormField } from "../composables/useFormField";
 import { useLocale } from "../composables/useLocale";
 import { usePortal } from "../composables/usePortal";
 import { compare, get, getDisplayValue, isArrayOfArray } from "../utils";
+import { getEstimateSize } from "../utils/virtualizer";
 import { tv } from "../utils/tv";
 import icons from "../dictionary/icons";
 import B24Badge from "./Badge.vue";
@@ -80,16 +81,12 @@ const rootProps = useForwardPropsEmits(reactivePick(props, "as", "modelValue", "
 const portalProps = usePortal(toRef(() => props.portal));
 const contentProps = toRef(() => defu(props.content, { side: "bottom", sideOffset: 8, collisionPadding: 8, position: "popper" }));
 const arrowProps = toRef(() => defu(typeof props.arrow === "boolean" ? {} : props.arrow, { width: 20, height: 10 }));
-const virtualizerProps = toRef(() => !!props.virtualize && defu(typeof props.virtualize === "boolean" ? {} : props.virtualize, {
-  estimateSize: {
-    xss: 20,
-    xs: 24,
-    sm: 28,
-    md: 32,
-    lg: 36,
-    xl: 40
-  }[props.size || "md"]
-}));
+const virtualizerProps = toRef(() => {
+  if (!props.virtualize) return false;
+  return defu(typeof props.virtualize === "boolean" ? {} : props.virtualize, {
+    estimateSize: getEstimateSize(items.value, inputSize.value || "md", props.descriptionKey)
+  });
+});
 const { emitFormBlur, emitFormFocus, emitFormChange, emitFormInput, size: formGroupSize, color, id, name, highlight, disabled, ariaAttrs } = useFormField(props);
 const { orientation, size: fieldGroupSize } = useFieldGroup(props);
 const { isLeading, isTrailing, leadingIconName, trailingIconName } = useComponentIcons(toRef(() => defu(props, { trailingIcon: icons.chevronDown })));
@@ -230,6 +227,11 @@ function onRemoveTag(event, modelValue) {
     onUpdate(filteredValue);
   }
 }
+function onCreate(e) {
+  e.preventDefault();
+  e.stopPropagation();
+  emits("create", searchTerm.value);
+}
 function onSelect(e, item) {
   if (!isInputItem(item)) {
     return;
@@ -254,7 +256,7 @@ defineExpose({
       data-slot="item"
       :class="b24ui.item({ addNew: true, class: props.b24ui?.item })"
       :value="searchTerm"
-      @select.prevent="emits('create', searchTerm)"
+      @select="onCreate"
     >
       <span data-slot="itemLabel" :class="b24ui.itemLabel({ addNew: true, class: props.b24ui?.itemLabel })">
         <slot name="create-item-label" :item="searchTerm">
@@ -353,7 +355,6 @@ defineExpose({
     ignore-filter
     @update:model-value="onUpdate"
     @update:open="onUpdateOpen"
-    @keydown.enter="$event.preventDefault()"
   >
     <B24Badge
       v-if="!multiple && isTag"
@@ -410,7 +411,7 @@ defineExpose({
             :placeholder="placeholder"
             data-slot="tagsInput"
             :class="b24ui.tagsInput({ class: props.b24ui?.tagsInput })"
-            @keydown.enter.prevent
+            @change.stop
           />
         </ComboboxInput>
       </TagsInputRoot>
@@ -426,6 +427,7 @@ defineExpose({
         :required="required"
         @blur="onBlur"
         @focus="onFocus"
+        @change.stop
         @update:model-value="searchTerm = $event"
       />
 

package/dist/runtime/components/SelectMenu.vue

@@ -14,6 +14,7 @@ import { useFormField } from "../composables/useFormField";
 import { useLocale } from "../composables/useLocale";
 import { usePortal } from "../composables/usePortal";
 import { compare, get, getDisplayValue, isArrayOfArray } from "../utils";
+import { getEstimateSize } from "../utils/virtualizer";
 import { tv } from "../utils/tv";
 import icons from "../dictionary/icons";
 import B24Badge from "./Badge.vue";
@@ -77,16 +78,12 @@ const rootProps = useForwardPropsEmits(reactivePick(props, "modelValue", "defaul
 const portalProps = usePortal(toRef(() => props.portal));
 const contentProps = toRef(() => defu(props.content, { side: "bottom", sideOffset: 8, collisionPadding: 8, position: "popper" }));
 const arrowProps = toRef(() => defu(typeof props.arrow === "boolean" ? {} : props.arrow, { width: 20, height: 10 }));
-const virtualizerProps = toRef(() => !!props.virtualize && defu(typeof props.virtualize === "boolean" ? {} : props.virtualize, {
-  estimateSize: {
-    xss: 20,
-    xs: 24,
-    sm: 28,
-    md: 32,
-    lg: 36,
-    xl: 40
-  }[props.size || "md"]
-}));
+const virtualizerProps = toRef(() => {
+  if (!props.virtualize) return false;
+  return defu(typeof props.virtualize === "boolean" ? {} : props.virtualize, {
+    estimateSize: getEstimateSize(items.value, props.size || "md", props.descriptionKey)
+  });
+});
 const searchInputProps = toRef(() => defu(props.searchInput, { placeholder: t("selectMenu.search"), type: "text", size: "md" }));
 const { emitFormBlur, emitFormFocus, emitFormInput, emitFormChange, size: formGroupSize, color, id, name, highlight, disabled, ariaAttrs } = useFormField(props);
 const { orientation, size: fieldGroupSize } = useFieldGroup(props);
@@ -218,6 +215,11 @@ function onUpdateOpen(value) {
     clearTimeout(timeoutId);
   }
 }
+function onCreate(e) {
+  e.preventDefault();
+  e.stopPropagation();
+  emits("create", searchTerm.value);
+}
 function onSelect(e, item) {
   if (!isSelectItem(item)) {
     return;
@@ -242,7 +244,7 @@ defineExpose({
       data-slot="item"
       :class="b24ui.item({ addNew: true, class: props.b24ui?.item })"
       :value="searchTerm"
-      @select.prevent="emits('create', searchTerm)"
+      @select="onCreate"
     >
       <span data-slot="itemLabel" :class="b24ui.itemLabel({ addNew: true, class: props.b24ui?.itemLabel })">
         <slot name="create-item-label" :item="searchTerm">
@@ -440,6 +442,7 @@ defineExpose({
                 v-bind="searchInputProps"
                 data-slot="input"
                 :class="b24ui.input({ class: props.b24ui?.input })"
+                @change.stop
               />
             </ComboboxInput>
 

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

@@ -63,10 +63,10 @@ export interface TableProps<T extends TableData = TableData> extends TableOption
          */
         overscan?: number;
         /**
-         * Estimated size (in px) of each item
+         * Estimated size (in px) of each item, or a function that returns the size for a given index
          * @defaultValue 65
          */
-        estimateSize?: number;
+        estimateSize?: number | ((index: number) => number);
     });
     /**
      * The text to display when the table is empty.

package/dist/runtime/components/Table.vue

@@ -225,7 +225,20 @@ const virtualizer = !!props.virtualize && useVirtualizer({
     return rows.value.length;
   },
   getScrollElement: () => rootRef.value?.$el,
-  estimateSize: () => virtualizerProps.value.estimateSize
+  estimateSize: (index) => {
+    const estimate = virtualizerProps.value.estimateSize;
+    return typeof estimate === "function" ? estimate(index) : estimate;
+  }
+});
+const renderedSize = computed(() => {
+  if (!virtualizer) {
+    return 0;
+  }
+  const virtualItems = virtualizer.value.getVirtualItems();
+  if (!virtualItems?.length) {
+    return 0;
+  }
+  return virtualItems.reduce((sum, item) => sum + item.size, 0);
 });
 function valueUpdater(updaterOrValue, ref2) {
   ref2.value = typeof updaterOrValue === "function" ? updaterOrValue(ref2.value) : updaterOrValue;
@@ -406,7 +419,7 @@ defineExpose({
         data-slot="tfoot"
         :class="b24ui.tfoot({ class: [props.b24ui?.tfoot] })"
         :style="virtualizer ? {
-  transform: `translateY(${virtualizer.getTotalSize() - virtualizer.getVirtualItems().length * virtualizerProps.estimateSize}px)`
+  transform: `translateY(${virtualizer.getTotalSize() - renderedSize}px)`
 } : void 0"
       >
         <tr data-slot="separator" :class="b24ui.separator({ class: [props.b24ui?.separator] })" />

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

@@ -63,10 +63,10 @@ export interface TableProps<T extends TableData = TableData> extends TableOption
          */
         overscan?: number;
         /**
-         * Estimated size (in px) of each item
+         * Estimated size (in px) of each item, or a function that returns the size for a given index
          * @defaultValue 65
          */
-        estimateSize?: number;
+        estimateSize?: number | ((index: number) => number);
     });
     /**
      * The text to display when the table is empty.

package/dist/runtime/components/color-mode/ColorModeButton.d.vue.ts

@@ -5,15 +5,8 @@ export interface ColorModeButtonProps extends Omit<ButtonProps, 'color'> {
      */
     color?: ButtonProps['color'];
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ColorModeButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeButtonProps> & Readonly<{}>, {
+declare const __VLS_export: import("vue").DefineComponent<ColorModeButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeButtonProps> & Readonly<{}>, {
     color: "default" | "link" | "air-primary" | "air-primary-success" | "air-primary-alert" | "air-primary-copilot" | "air-secondary" | "air-secondary-accent" | "air-secondary-accent-1" | "air-tertiary" | "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";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    fallback(props?: {}): any;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/runtime/components/color-mode/ColorModeButton.vue

@@ -57,7 +57,6 @@ const props = defineProps({
   viewTransition: { type: Boolean, required: false },
   replace: { type: Boolean, required: false }
 });
-defineSlots();
 const { t } = useLocale();
 const colorMode = useColorMode();
 const buttonProps = useForwardProps(reactiveOmit(props, "icon"));
@@ -72,21 +71,17 @@ const isDark = computed({
 </script>
 
 <template>
-  <ClientOnly v-if="!colorMode?.forced">
-    <B24Button
-      v-bind="{
+  <B24Button
+    v-bind="{
   ...buttonProps,
-  'icon': props.icon || (isDark ? icons.dark : icons.light),
   'aria-label': isDark ? t('colorMode.switchToLight') : t('colorMode.switchToDark'),
   ...$attrs
 }"
-      @click="isDark = !isDark"
-    />
-
-    <template #fallback>
-      <slot name="fallback">
-        <div class="w-[32px] h-[34px]" />
-      </slot>
+    @click="isDark = !isDark"
+  >
+    <template #leading="{ b24ui }">
+      <Component :is="icons.dark" data-slot="leadingIcon" :class="b24ui.leadingIcon({ class: props.b24ui?.leadingIcon })" class="hidden dark:inline" />
+      <Component :is="icons.light" data-slot="leadingIcon" :class="b24ui.leadingIcon({ class: props.b24ui?.leadingIcon })" class="inline dark:hidden" />
     </template>
-  </ClientOnly>
+  </B24Button>
 </template>

package/dist/runtime/components/color-mode/ColorModeButton.vue.d.ts

@@ -5,15 +5,8 @@ export interface ColorModeButtonProps extends Omit<ButtonProps, 'color'> {
      */
     color?: ButtonProps['color'];
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ColorModeButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeButtonProps> & Readonly<{}>, {
+declare const __VLS_export: import("vue").DefineComponent<ColorModeButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeButtonProps> & Readonly<{}>, {
     color: "default" | "link" | "air-primary" | "air-primary-success" | "air-primary-alert" | "air-primary-copilot" | "air-secondary" | "air-secondary-accent" | "air-secondary-accent-1" | "air-tertiary" | "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";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    fallback(props?: {}): any;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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.mq1NUekN.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.3";
+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) {
@@ -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

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.mq1NUekN.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultConfig } from './shared/b24ui-nuxt.Bs0V9FLV.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.mq1NUekN.mjs';
+import './shared/b24ui-nuxt.Bs0V9FLV.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.3",
+  "version": "2.1.4",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"

package/dist/runtime/vue/components/color-mode/ColorModeButton.d.vue.ts

@@ -1,12 +0,0 @@
-import type { ButtonProps } from '../../../types';
-export interface ColorModeButtonProps extends Omit<ButtonProps, 'color'> {
-    /**
-     * @defaultValue 'air-tertiary-no-accent'
-     */
-    color?: ButtonProps['color'];
-}
-declare const __VLS_export: import("vue").DefineComponent<ColorModeButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeButtonProps> & Readonly<{}>, {
-    color: "default" | "link" | "air-primary" | "air-primary-success" | "air-primary-alert" | "air-primary-copilot" | "air-secondary" | "air-secondary-accent" | "air-secondary-accent-1" | "air-tertiary" | "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";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/vue/components/color-mode/ColorModeButton.vue

@@ -1,83 +0,0 @@
-<script>
-
-</script>
-
-<script setup>
-import { computed } from "vue";
-import { useForwardProps } from "reka-ui";
-import { reactiveOmit } from "@vueuse/core";
-import { useColorMode } from "#imports";
-import { useLocale } from "../../../composables/useLocale";
-import icons from "../../../dictionary/icons";
-import B24Button from "../../../components/Button.vue";
-defineOptions({ inheritAttrs: false });
-const props = defineProps({
-  color: { type: null, required: false, default: "air-tertiary-no-accent" },
-  label: { type: String, required: false },
-  activeColor: { type: null, required: false },
-  depth: { type: null, required: false },
-  activeDepth: { type: null, required: false },
-  size: { type: null, required: false },
-  rounded: { type: Boolean, required: false },
-  block: { type: Boolean, required: false },
-  loadingAuto: { type: Boolean, required: false },
-  normalCase: { type: Boolean, required: false },
-  useWait: { type: Boolean, required: false },
-  useClock: { type: Boolean, required: false },
-  useDropdown: { type: Boolean, required: false },
-  onClick: { type: [Function, Array], required: false },
-  class: { type: null, required: false },
-  activeClass: { type: String, required: false },
-  inactiveClass: { type: String, required: false },
-  b24ui: { type: null, required: false },
-  icon: { type: [Function, Object], required: false },
-  avatar: { type: Object, required: false },
-  loading: { type: Boolean, required: false },
-  as: { type: null, required: false },
-  type: { type: null, required: false },
-  disabled: { type: Boolean, required: false },
-  active: { type: Boolean, required: false },
-  exact: { type: Boolean, required: false },
-  exactQuery: { type: [Boolean, String], required: false },
-  exactHash: { type: Boolean, required: false },
-  isAction: { type: Boolean, required: false },
-  to: { type: null, required: false },
-  href: { type: null, required: false },
-  external: { type: Boolean, required: false },
-  target: { type: [String, Object, null], required: false },
-  rel: { type: [String, Object, null], required: false },
-  noRel: { type: Boolean, required: false },
-  prefetchedClass: { type: String, required: false },
-  prefetch: { type: Boolean, required: false },
-  prefetchOn: { type: [String, Object], required: false },
-  noPrefetch: { type: Boolean, required: false },
-  trailingSlash: { type: String, required: false },
-  exactActiveClass: { type: String, required: false },
-  ariaCurrentValue: { type: String, required: false },
-  viewTransition: { type: Boolean, required: false },
-  replace: { type: Boolean, required: false }
-});
-const { t } = useLocale();
-const colorMode = useColorMode();
-const buttonProps = useForwardProps(reactiveOmit(props, "icon"));
-const isDark = computed({
-  get() {
-    return colorMode.value === "dark";
-  },
-  set(_isDark) {
-    colorMode.preference = _isDark ? "dark" : "light";
-  }
-});
-</script>
-
-<template>
-  <B24Button
-    v-bind="{
-  ...buttonProps,
-  'icon': props.icon || (isDark ? icons.dark : icons.light),
-  'aria-label': isDark ? t('colorMode.switchToLight') : t('colorMode.switchToDark'),
-  ...$attrs
-}"
-    @click="isDark = !isDark"
-  />
-</template>

package/dist/runtime/vue/components/color-mode/ColorModeButton.vue.d.ts

@@ -1,12 +0,0 @@
-import type { ButtonProps } from '../../../types';
-export interface ColorModeButtonProps extends Omit<ButtonProps, 'color'> {
-    /**
-     * @defaultValue 'air-tertiary-no-accent'
-     */
-    color?: ButtonProps['color'];
-}
-declare const __VLS_export: import("vue").DefineComponent<ColorModeButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeButtonProps> & Readonly<{}>, {
-    color: "default" | "link" | "air-primary" | "air-primary-success" | "air-primary-alert" | "air-primary-copilot" | "air-secondary" | "air-secondary-accent" | "air-secondary-accent-1" | "air-tertiary" | "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";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;