@bitrix24/b24ui-nuxt 2.4.0 → 2.4.1

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/prose/thead';
 import type { ComponentConfig } from '../../types/tv';
@@ -7,7 +8,7 @@ export interface ProseTheadProps {
     b24ui?: ProseThead['slots'];
 }
 export interface ProseTheadSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/prose/thead';
 import type { ComponentConfig } from '../../types/tv';
@@ -7,7 +8,7 @@ export interface ProseTheadProps {
     b24ui?: ProseThead['slots'];
 }
 export interface ProseTheadSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/prose/tr';
 import type { ComponentConfig } from '../../types/tv';
@@ -7,7 +8,7 @@ export interface ProseTrProps {
     b24ui?: ProseTr['slots'];
 }
 export interface ProseTrSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/prose/tr';
 import type { ComponentConfig } from '../../types/tv';
@@ -7,7 +8,7 @@ export interface ProseTrProps {
     b24ui?: ProseTr['slots'];
 }
 export interface ProseTrSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/prose/ul';
 import type { ComponentConfig } from '../../types/tv';
@@ -7,7 +8,7 @@ export interface ProseUlProps {
     b24ui?: ProseUl['slots'];
 }
 export interface ProseUlSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/prose/ul';
 import type { ComponentConfig } from '../../types/tv';
@@ -7,7 +8,7 @@ export interface ProseUlProps {
     b24ui?: ProseUl['slots'];
 }
 export interface ProseUlSlots {
-    default(props?: {}): any;
+    default(props?: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/composables/color-mode/useColorMode.js

@@ -8,6 +8,7 @@ export const useColorMode = () => {
   }
   const colorModeTypeLight = appConfig?.colorModeTypeLight || "light";
   const colorModeInitialValue = appConfig?.colorModeInitialValue || "light";
+  const storageKey = typeof appConfig.colorModeStorageKey === "undefined" ? "vueuse-color-scheme" : appConfig.colorModeStorageKey === null ? null : appConfig.colorModeStorageKey;
   const modes = {
     "auto": "auto",
     "light": colorModeTypeLight,
@@ -19,7 +20,8 @@ export const useColorMode = () => {
   const { store, system } = useColorModeVueUse({
     attribute: "class",
     initialValue: colorModeInitialValue,
-    modes
+    modes,
+    storageKey
   });
   return {
     modeKeysList,

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

@@ -71,6 +71,6 @@ export type UseResizableReturn = {
     onDoubleClick: (e: MouseEvent) => void;
     collapse: (value?: boolean) => void;
 };
-export declare const useResizable: (key: string, options?: Ref<UseResizableProps> | UseResizableProps, { collapsed }?: {
+export declare function useResizable(key: string, options?: Ref<UseResizableProps> | UseResizableProps, { collapsed }?: {
     collapsed?: Ref<boolean>;
-}) => UseResizableReturn;
+}): UseResizableReturn;

package/dist/runtime/composables/useResizable.js

@@ -2,7 +2,7 @@ import { ref, computed, unref, isRef, watch } from "vue";
 import { useStorage } from "@vueuse/core";
 import { useCookie } from "#imports";
 import { useLocale } from "./useLocale.js";
-export const useResizable = (key, options = {}, { collapsed = ref(false) } = {}) => {
+export function useResizable(key, options = {}, { collapsed = ref(false) } = {}) {
   const el = ref(null);
   const opts = computed(() => ({
     side: "left",
@@ -200,4 +200,4 @@ export const useResizable = (key, options = {}, { collapsed = ref(false) } = {})
     onDoubleClick,
     collapse
   };
-};
+}

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

@@ -7,11 +7,11 @@ export type DynamicSlotsKeys<Name extends string | undefined, Suffix extends str
 export type DynamicSlots<T extends {
     slot?: string;
 }, Suffix extends string | undefined = undefined, ExtraProps extends object = {}> = {
-    [K in DynamicSlotsKeys<T['slot'], Suffix>]: (props: {
+    [K in DynamicSlotsKeys<T['slot'], Suffix>]?: (props: {
         item: Extract<T, {
             slot: K extends `${infer Base}-${Suffix}` ? Base : K;
         }>;
-    } & ExtraProps) => any;
+    } & ExtraProps) => VNode[];
 };
 export type GetObjectField<MaybeObject, Key extends string> = MaybeObject extends Record<string, any> ? MaybeObject[Key] : never;
 export type AcceptableValue = Exclude<_AcceptableValue, Record<string, any>> | boolean;

package/dist/shared/{b24ui-nuxt.DstlkmYO.mjs → b24ui-nuxt.C0de-Y4w.mjs}

@@ -8,7 +8,7 @@ import { globSync } from 'tinyglobby';
 import { defuFn } from 'defu';
 
 const name = "@bitrix24/b24ui-nuxt";
-const version = "2.4.0";
+const version = "2.4.1";
 
 function getDefaultConfig(theme) {
   return {
@@ -24,6 +24,7 @@ const defaultOptions = {
   colorMode: true,
   colorModeInitialValue: "light",
   colorModeTypeLight: "light",
+  colorModeStorageKey: "vueuse-color-scheme",
   version,
   mdc: true,
   content: false
@@ -2853,7 +2854,7 @@ const dashboardGroup = {
 
 const dashboardNavbar = {
   slots: {
-    root: "h-(--b24ui-header-height) shrink-0 flex items-center justify-between border-b border-(--ui-color-divider-default) px-4 sm:px-6 gap-1.5",
+    root: "h-(--b24ui-header-height) shrink-0 flex items-center justify-between border-b border-(--ui-color-divider-default) px-4 gap-1.5",
     left: "flex items-center gap-1.5 min-w-0",
     icon: "shrink-0 size-5 self-center me-1.5",
     title: "flex items-center gap-1.5 font-(--ui-font-weight-semi-bold) text-(--b24ui-typography-label-color) truncate",
@@ -2876,7 +2877,7 @@ const dashboardNavbar = {
 const dashboardPanel = {
   slots: {
     root: "relative flex flex-col min-w-0 min-h-svh lg:not-last:border-e lg:not-last:border-(--ui-color-divider-default) shrink-0",
-    body: "flex flex-col gap-4 sm:gap-6 flex-1 overflow-y-auto p-4 sm:p-6 scrollbar-thin",
+    body: "flex flex-col gap-4 sm:gap-6 flex-1 overflow-y-auto pt-2.5 lg:p-4 scrollbar-thin",
     handle: ""
   },
   variants: {
@@ -3253,6 +3254,7 @@ const dropdownMenu = {
       "bg-(--ui-color-bg-content-primary)",
       "shadow-(--popup-window-box-shadow)",
       "rounded-(--ui-border-radius-xl) will-change-[opacity]",
+      // 'ring ring-(--ui-color-divider-default)',
       "motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in]",
       "origin-(--reka-dropdown-menu-content-transform-origin)",
       "font-[family-name:var(--ui-font-family-primary)]",
@@ -3268,7 +3270,7 @@ const dropdownMenu = {
       // scrollbar-transparent
     ].join(" "),
     arrow: "fill-(--ui-color-bg-content-primary)",
-    // for content bottom|top::start -> ml-[12px]
+    // stroke-(--ui-color-divider-default) for content bottom|top::start -> ml-[12px]
     group: "grid",
     // p-1 isolate
     label: [
@@ -4659,6 +4661,7 @@ const inputMenu = () => {
         "bg-(--ui-color-bg-content-primary)",
         "shadow-(--popup-window-box-shadow)",
         "rounded-(--ui-border-radius-xl) will-change-[opacity]",
+        // 'ring ring-(--ui-color-divider-default)',
         "motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in]",
         "origin-(--reka-dropdown-menu-content-transform-origin)",
         "font-[family-name:var(--ui-font-family-primary)]",
@@ -4675,7 +4678,7 @@ const inputMenu = () => {
         // scrollbar-transparent
       ].join(" "),
       arrow: "fill-(--ui-color-bg-content-primary)",
-      // for content bottom|top::start -> ml-[12px]
+      // stroke-(--ui-color-divider-default) for content bottom|top::start -> ml-[12px]
       group: "grid",
       empty: [
         "h-(--popup-window-delimiter-section-height)",
@@ -7154,11 +7157,13 @@ const popover = {
       "bg-(--ui-color-bg-content-primary)",
       "shadow-(--popup-window-box-shadow)",
       "rounded-(--ui-border-radius-xl) will-change-[opacity]",
+      // 'ring ring-(--ui-color-divider-default)',
       "motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in]",
       "origin-(--reka-popover-content-transform-origin)",
       "focus:outline-none pointer-events-auto"
     ].join(" "),
     arrow: "fill-(--ui-color-bg-content-primary)"
+    // stroke-(--ui-color-divider-default)
   }
 };
 
@@ -7849,6 +7854,7 @@ const select = () => {
           "bg-(--ui-color-bg-content-primary)",
           "shadow-(--popup-window-box-shadow)",
           "rounded-(--ui-border-radius-xl) will-change-[opacity]",
+          // 'ring ring-(--ui-color-divider-default)',
           "motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in]",
           "origin-(--reka-dropdown-menu-content-transform-origin)",
           "font-[family-name:var(--ui-font-family-primary)]",
@@ -7865,7 +7871,7 @@ const select = () => {
           // scrollbar-transparent
         ].join(" "),
         arrow: "fill-(--ui-color-bg-content-primary)",
-        // for content bottom|top::start -> ml-[12px]
+        // stroke-(--ui-color-divider-default) for content bottom|top::start -> ml-[12px]
         group: "grid",
         empty: [
           "h-(--popup-window-delimiter-section-height)",
@@ -9761,24 +9767,23 @@ const toaster = {
 const tooltip = {
   slots: {
     content: [
-      "dark",
+      "light",
       "flex flex-row items-center justify-between gap-[5px] will-change-[opacity]",
       "min-h-[37px]",
       "shadow-xl/20",
       "select-none",
       "motion-safe:data-[state=delayed-open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in]",
-      "p-[10px]",
-      "text-(length:--ui-font-size-sm)/(--ui-font-line-height-reset) font-[family-name:var(--ui-font-family-primary)]",
-      "bg-(--ui-color-bg-content-primary)/80",
-      "text-(--ui-color-design-plain-na-focused-content)",
-      "rounded-[calc(var(--ui-border-radius-xl)-2px)]",
-      // @memo see components/popup.css
-      // 'border border-(--popup-window-border)'
+      "p-[13px] ps-[26px]",
+      "text-(length:--ui-font-size-lg)/[normal] font-[family-name:var(--ui-font-family-system)]",
+      "bg-(--ui-color-bg-content-inapp)",
+      "text-(--ui-color-base-8)",
+      "rounded-[calc(var(--ui-border-radius-3xl)-2px)]",
+      "ring ring-(--ui-color-bg-content-inapp)",
       "origin-(--reka-tooltip-content-transform-origin)",
       "pointer-events-auto"
     ].join(" "),
-    arrow: "fill-(--ui-color-bg-content-primary)/80",
-    text: "text-pretty max-w-[200px] min-w-[100px]",
+    arrow: "fill-(--ui-color-bg-content-inapp) stroke-(--ui-color-bg-content-inapp)",
+    text: "text-pretty max-w-[344px] min-w-[100px]",
     // truncate
     kbds: `hidden lg:inline-flex items-center shrink-0 gap-0.5 not-first-of-type:before:content-[''] not-first-of-type:before:me-0.5`,
     kbdsSize: "sm",
@@ -11462,6 +11467,7 @@ const contentToc = {
       "lg:hidden"
     ].join(" "),
     content: [
+      "relative",
       "motion-safe:data-[state=open]:animate-[collapsible-down_200ms_ease-out]",
       "motion-safe:data-[state=closed]:animate-[collapsible-up_200ms_ease-out]",
       "overflow-hidden",

package/dist/unplugin.d.mts

@@ -21,6 +21,12 @@ interface Bitrix24UIOptions extends Omit<ModuleOptions, 'colorMode'> {
     colorMode?: boolean;
     colorModeInitialValue?: ColorModeType;
     colorModeTypeLight?: ColorModeTypeLight;
+    /**
+     * Key to persist the data into localStorage/sessionStorage.
+     * Pass `null` to disable persistence
+     * @defaultValue 'vueuse-color-scheme'
+     */
+    colorModeStorageKey?: string | null;
     /**
      * Override options for `unplugin-auto-import`
      */

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.DstlkmYO.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultConfig } from './shared/b24ui-nuxt.C0de-Y4w.mjs';
 import fs from 'node:fs';
 import path from 'node:path';
 import MagicString from 'magic-string';
@@ -311,7 +311,8 @@ const Bitrix24UIPlugin = createUnplugin((_options = {}, meta) => {
       version: options.version,
       colorMode: options.colorMode,
       colorModeInitialValue: options.colorModeInitialValue,
-      colorModeTypeLight: options.colorModeTypeLight
+      colorModeTypeLight: options.colorModeTypeLight,
+      colorModeStorageKey: options.colorModeStorageKey
     },
     {
       b24ui: getDefaultConfig(options.theme)

package/dist/vite.mjs

@@ -4,7 +4,7 @@ import 'pathe';
 import 'unplugin';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/b24ui-nuxt.DstlkmYO.mjs';
+import './shared/b24ui-nuxt.C0de-Y4w.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.4.0",
+  "version": "2.4.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -118,7 +118,7 @@
     "@tailwindcss/postcss": "^4.2.1",
     "@tailwindcss/vite": "^4.2.1",
     "@tanstack/vue-table": "^8.21.3",
-    "@tanstack/vue-virtual": "^3.13.18",
+    "@tanstack/vue-virtual": "^3.13.19",
     "@tiptap/core": "^3.20.0",
     "@tiptap/extension-bubble-menu": "^3.20.0",
     "@tiptap/extension-code": "^3.20.0",
@@ -136,7 +136,7 @@
     "@tiptap/starter-kit": "^3.20.0",
     "@tiptap/suggestion": "^3.20.0",
     "@tiptap/vue-3": "^3.20.0",
-    "@unhead/vue": "^2.1.4",
+    "@unhead/vue": "^2.1.10",
     "@vueuse/core": "^14.2.1",
     "@vueuse/integrations": "^14.2.1",
     "@vueuse/shared": "^14.2.1",
@@ -173,15 +173,15 @@
     "vue-component-type-helpers": "^3.2.5"
   },
   "devDependencies": {
-    "@nuxt/eslint-config": "^1.15.1",
+    "@nuxt/eslint-config": "^1.15.2",
     "@nuxt/module-builder": "^1.0.2",
     "@nuxt/test-utils": "^4.0.0",
     "@tanstack/table-core": "^8.21.3",
     "@vitejs/plugin-vue": "^6.0.4",
     "@vue/test-utils": "^2.4.6",
-    "ai": "^6.0.97",
+    "ai": "^6.0.105",
     "embla-carousel": "^8.6.0",
-    "eslint": "^10.0.1",
+    "eslint": "^10.0.2",
     "happy-dom": "^20.7.0",
     "nuxt": "^4.3.0",
     "unbuild": "^3.6.1",

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

@@ -1,29 +0,0 @@
-import type { Ref } from 'vue';
-/**
- * @deprecated Subject to refactoring
- */
-export type UseLoadingProps = {
-    /**
-     * The id of the SidebarLayout.
-     * @defaultValue useId()
-     */
-    id?: string;
-    /**
-     * The storage to use for the size.
-     * @defaultValue 'cookie'
-     */
-    storage?: 'cookie' | 'local';
-    /**
-     * Unique id used to auto-save size.
-     * @defaultValue 'dashboard'
-     */
-    storageKey?: string;
-};
-export type UseLoadingReturn = {
-    elLayout: Ref<HTMLElement | null>;
-    isLoading: Ref<boolean>;
-    load: (value?: boolean) => void;
-};
-export declare const useLoading: (_key: string, options?: Ref<UseLoadingProps> | UseLoadingProps, { loading }?: {
-    loading?: Ref<boolean>;
-}) => UseLoadingReturn;

package/dist/runtime/composables/useLoading.js

@@ -1,28 +0,0 @@
-import { ref, computed, isRef } from "vue";
-export const useLoading = (_key, options = {}, { loading = ref(false) } = {}) => {
-  const elLayout = ref(null);
-  const opts = computed(() => ({
-    ...isRef(options) ? options.value : options
-  }));
-  const isLoading = computed({
-    get: () => {
-      if (isRef(loading)) {
-        return loading.value;
-      }
-      return false;
-    },
-    set: (value) => {
-      if (isRef(loading)) {
-        loading.value = value;
-      }
-    }
-  });
-  const load = (value) => {
-    isLoading.value = value === true;
-  };
-  return {
-    elLayout,
-    isLoading,
-    load
-  };
-};