@bitrix24/b24ui-nuxt 0.5.6 → 0.5.7

package/.nuxt/b24ui/sidebar-layout.ts

@@ -9,7 +9,7 @@ export default {
     "headerMenuIcon": "",
     "headerPaddings": "py-2.5",
     "headerWrapper": "min-w-0 flex-1",
-    "container": "flex-1 flex flex-col lg:min-w-0 pb-2 lg:pt-2 lg:pr-2",
+    "container": "flex-1 flex flex-col lg:min-w-0",
     "containerWrapper": "grow",
     "containerWrapperInner": ""
   },
@@ -19,12 +19,13 @@ export default {
         "container": "lg:pl-[240px]"
       },
       "false": {
-        "container": ""
+        "container": "pb-2 lg:pt-2 lg:px-2"
       }
     },
     "useLightContent": {
       "true": {
         "root": "bg-white dark:bg-white/10 lg:bg-base-50 dark:lg:bg-base-dark",
+        "container": "pb-2 lg:pt-2 lg:pr-2",
         "containerWrapper": "p-6 lg:p-10 lg:bg-white dark:lg:bg-white/10 lg:ring-1 lg:ring-base-950/5 dark:lg:ring-white/10 lg:shadow-xs lg:rounded-lg"
       },
       "false": {

package/dist/meta.cjs

@@ -64213,23 +64213,6 @@ const B24UIMeta = {
           "schema": "any",
           "default": "\"div\""
         },
-        {
-          "name": "useSidebar",
-          "global": false,
-          "description": "",
-          "tags": [],
-          "required": false,
-          "type": "boolean | undefined",
-          "schema": {
-            "kind": "enum",
-            "type": "boolean | undefined",
-            "schema": {
-              "0": "undefined",
-              "1": "false",
-              "2": "true"
-            }
-          }
-        },
         {
           "name": "useLightContent",
           "global": false,
@@ -65314,23 +65297,6 @@ const B24UIMeta = {
           "schema": "any",
           "default": "\"div\""
         },
-        {
-          "name": "useSidebar",
-          "global": false,
-          "description": "",
-          "tags": [],
-          "required": false,
-          "type": "boolean | undefined",
-          "schema": {
-            "kind": "enum",
-            "type": "boolean | undefined",
-            "schema": {
-              "0": "undefined",
-              "1": "false",
-              "2": "true"
-            }
-          }
-        },
         {
           "name": "useLightContent",
           "global": false,
@@ -65346,7 +65312,8 @@ const B24UIMeta = {
               "1": "false",
               "2": "true"
             }
-          }
+          },
+          "default": "true"
         },
         {
           "name": "b24ui",

package/dist/meta.d.cts

@@ -64211,23 +64211,6 @@ var B24UIMeta = {
           "schema": "any",
           "default": "\"div\""
         },
-        {
-          "name": "useSidebar",
-          "global": false,
-          "description": "",
-          "tags": [],
-          "required": false,
-          "type": "boolean | undefined",
-          "schema": {
-            "kind": "enum",
-            "type": "boolean | undefined",
-            "schema": {
-              "0": "undefined",
-              "1": "false",
-              "2": "true"
-            }
-          }
-        },
         {
           "name": "useLightContent",
           "global": false,
@@ -65312,23 +65295,6 @@ var B24UIMeta = {
           "schema": "any",
           "default": "\"div\""
         },
-        {
-          "name": "useSidebar",
-          "global": false,
-          "description": "",
-          "tags": [],
-          "required": false,
-          "type": "boolean | undefined",
-          "schema": {
-            "kind": "enum",
-            "type": "boolean | undefined",
-            "schema": {
-              "0": "undefined",
-              "1": "false",
-              "2": "true"
-            }
-          }
-        },
         {
           "name": "useLightContent",
           "global": false,
@@ -65344,7 +65310,8 @@ var B24UIMeta = {
               "1": "false",
               "2": "true"
             }
-          }
+          },
+          "default": "true"
         },
         {
           "name": "b24ui",

package/dist/meta.d.mts

@@ -64211,23 +64211,6 @@ var B24UIMeta = {
           "schema": "any",
           "default": "\"div\""
         },
-        {
-          "name": "useSidebar",
-          "global": false,
-          "description": "",
-          "tags": [],
-          "required": false,
-          "type": "boolean | undefined",
-          "schema": {
-            "kind": "enum",
-            "type": "boolean | undefined",
-            "schema": {
-              "0": "undefined",
-              "1": "false",
-              "2": "true"
-            }
-          }
-        },
         {
           "name": "useLightContent",
           "global": false,
@@ -65312,23 +65295,6 @@ var B24UIMeta = {
           "schema": "any",
           "default": "\"div\""
         },
-        {
-          "name": "useSidebar",
-          "global": false,
-          "description": "",
-          "tags": [],
-          "required": false,
-          "type": "boolean | undefined",
-          "schema": {
-            "kind": "enum",
-            "type": "boolean | undefined",
-            "schema": {
-              "0": "undefined",
-              "1": "false",
-              "2": "true"
-            }
-          }
-        },
         {
           "name": "useLightContent",
           "global": false,
@@ -65344,7 +65310,8 @@ var B24UIMeta = {
               "1": "false",
               "2": "true"
             }
-          }
+          },
+          "default": "true"
         },
         {
           "name": "b24ui",

package/dist/meta.d.ts

@@ -64211,23 +64211,6 @@ var B24UIMeta = {
           "schema": "any",
           "default": "\"div\""
         },
-        {
-          "name": "useSidebar",
-          "global": false,
-          "description": "",
-          "tags": [],
-          "required": false,
-          "type": "boolean | undefined",
-          "schema": {
-            "kind": "enum",
-            "type": "boolean | undefined",
-            "schema": {
-              "0": "undefined",
-              "1": "false",
-              "2": "true"
-            }
-          }
-        },
         {
           "name": "useLightContent",
           "global": false,
@@ -65312,23 +65295,6 @@ var B24UIMeta = {
           "schema": "any",
           "default": "\"div\""
         },
-        {
-          "name": "useSidebar",
-          "global": false,
-          "description": "",
-          "tags": [],
-          "required": false,
-          "type": "boolean | undefined",
-          "schema": {
-            "kind": "enum",
-            "type": "boolean | undefined",
-            "schema": {
-              "0": "undefined",
-              "1": "false",
-              "2": "true"
-            }
-          }
-        },
         {
           "name": "useLightContent",
           "global": false,
@@ -65344,7 +65310,8 @@ var B24UIMeta = {
               "1": "false",
               "2": "true"
             }
-          }
+          },
+          "default": "true"
         },
         {
           "name": "b24ui",

package/dist/meta.mjs

@@ -64211,23 +64211,6 @@ const B24UIMeta = {
           "schema": "any",
           "default": "\"div\""
         },
-        {
-          "name": "useSidebar",
-          "global": false,
-          "description": "",
-          "tags": [],
-          "required": false,
-          "type": "boolean | undefined",
-          "schema": {
-            "kind": "enum",
-            "type": "boolean | undefined",
-            "schema": {
-              "0": "undefined",
-              "1": "false",
-              "2": "true"
-            }
-          }
-        },
         {
           "name": "useLightContent",
           "global": false,
@@ -65312,23 +65295,6 @@ const B24UIMeta = {
           "schema": "any",
           "default": "\"div\""
         },
-        {
-          "name": "useSidebar",
-          "global": false,
-          "description": "",
-          "tags": [],
-          "required": false,
-          "type": "boolean | undefined",
-          "schema": {
-            "kind": "enum",
-            "type": "boolean | undefined",
-            "schema": {
-              "0": "undefined",
-              "1": "false",
-              "2": "true"
-            }
-          }
-        },
         {
           "name": "useLightContent",
           "global": false,
@@ -65344,7 +65310,8 @@ const B24UIMeta = {
               "1": "false",
               "2": "true"
             }
-          }
+          },
+          "default": "true"
         },
         {
           "name": "b24ui",

package/dist/module.cjs

@@ -2,7 +2,7 @@
 
 const defu = require('defu');
 const kit = require('@nuxt/kit');
-const templates = require('./shared/b24ui-nuxt.GF6icKT2.cjs');
+const templates = require('./shared/b24ui-nuxt.BsnG7poi.cjs');
 require('node:url');
 require('scule');
 

package/dist/module.json

@@ -5,7 +5,7 @@
     "nuxt": ">=3.16.0"
   },
   "docs": "https://bitrix24.github.io/b24ui/guide/installation-nuxt-app.html",
-  "version": "0.5.6",
+  "version": "0.5.7",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -1,6 +1,6 @@
 import { defu } from 'defu';
 import { defineNuxtModule, createResolver, addVitePlugin, addPlugin, addComponentsDir, addImportsDir, hasNuxtModule, installModule } from '@nuxt/kit';
-import { d as defaultOptions, a as getDefaultUiConfig, b as addTemplates } from './shared/b24ui-nuxt.Cdw6m70Y.mjs';
+import { d as defaultOptions, a as getDefaultUiConfig, b as addTemplates } from './shared/b24ui-nuxt.CMCKw62O.mjs';
 import 'node:url';
 import 'scule';
 

package/dist/runtime/components/Avatar.vue

@@ -42,7 +42,7 @@ export interface AvatarSlots {
 
 <script setup lang="ts">
 import { ref, computed, watch } from 'vue'
-import { Primitive } from 'reka-ui'
+import { Primitive, Slot } from 'reka-ui'
 import ImageComponent from '#build/b24ui-image-component'
 import { useAvatarGroup } from '../composables/useAvatarGroup'
 
@@ -105,9 +105,11 @@ function onError() {
       @error="onError"
     />
 
-    <slot v-else>
-      <Component :is="icon" v-if="icon" :class="b24ui.icon({ class: props.b24ui?.icon })" />
-      <span v-else :class="b24ui.fallback({ class: props.b24ui?.fallback })">{{ fallback || '&nbsp;' }}</span>
-    </slot>
+    <Slot v-else v-bind="$attrs">
+      <slot>
+        <Component :is="icon" v-if="icon" :class="b24ui.icon({ class: props.b24ui?.icon })" />
+        <span v-else :class="b24ui.fallback({ class: props.b24ui?.fallback })">{{ fallback || '&nbsp;' }}</span>
+      </slot>
+    </Slot>
   </Primitive>
 </template>

package/dist/runtime/components/DropdownMenuContent.vue

@@ -156,7 +156,7 @@ const groups = computed<DropdownMenuItem[][]>(() =>
               :external-icon="externalIcon"
               v-bind="item.content"
             >
-              <template v-for="(_, name) in proxySlots" #[name]="slotData: any">
+              <template v-for="(_, name) in proxySlots" #[name]="slotData">
                 <slot :name="(name as keyof DropdownMenuContentSlots<T>)" v-bind="slotData" />
               </template>
             </B24DropdownMenuContent>

package/dist/runtime/components/SidebarLayout.vue

@@ -15,7 +15,6 @@ export interface SidebarLayoutProps {
    * @defaultValue 'div'
    */
   as?: any
-  useSidebar?: boolean
   useLightContent?: boolean
   class?: any
   b24ui?: Partial<typeof sidebarLayout.slots>

package/dist/runtime/components/StackedLayout.vue

@@ -18,7 +18,6 @@ export interface StackedLayoutProps {
    * @defaultValue 'div'
    */
   as?: any
-  useSidebar?: boolean
   useLightContent?: boolean
   class?: any
   b24ui?: Partial<typeof stackedLayout.slots>
@@ -53,7 +52,8 @@ import MenuIcon from '@bitrix24/b24icons-vue/main/MenuIcon'
 import Cross50Icon from '@bitrix24/b24icons-vue/actions/Cross50Icon'
 
 const props = withDefaults(defineProps<StackedLayoutProps>(), {
-  as: 'div'
+  as: 'div',
+  useLightContent: true
 })
 const slots = defineSlots<StackedLayoutSlots>()
 

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

@@ -1,5 +1,6 @@
 import type { Component } from 'vue';
-import type { ComponentProps } from 'vue-component-type-helpers';
+import type { ComponentProps, ComponentEmit } from 'vue-component-type-helpers';
+type CloseEventArgType<T> = T extends (event: 'close', args_0: infer R) => void ? R : never;
 export type OverlayOptions<OverlayAttrs = Record<string, any>> = {
     defaultOpen?: boolean;
     props?: OverlayAttrs;
@@ -14,7 +15,7 @@ type ManagedOverlayOptionsPrivate<T extends Component> = {
 };
 export type Overlay = OverlayOptions<Component> & ManagedOverlayOptionsPrivate<Component>;
 interface OverlayInstance<T> {
-    open: (props?: ComponentProps<T>) => Promise<any>;
+    open: (props?: ComponentProps<T>) => Promise<CloseEventArgType<ComponentEmit<T>>>;
     close: (value?: any) => void;
     patch: (props: Partial<ComponentProps<T>>) => void;
 }

package/dist/runtime/vue/stubs.d.ts

@@ -31,7 +31,12 @@ export declare function useNuxtApp(): {
     payload: {
         serverRendered: boolean;
     };
+    hooks: import("hookable").Hookable<Record<string, any>, string>;
+    hook: <NameT extends string>(name: NameT, function_: any, options?: {
+        allowDeprecated?: boolean;
+    }) => () => void;
 };
+export declare function useRuntimeHook(name: string, fn: (...args: any[]) => void): void;
 export declare function defineNuxtPlugin(plugin: (nuxtApp: NuxtApp) => void): {
     install(app: import("vue").App<any>): void;
 };

package/dist/runtime/vue/stubs.js

@@ -1,4 +1,5 @@
-import { ref } from "vue";
+import { ref, onScopeDispose } from "vue";
+import { createHooks } from "hookable";
 import appConfig from "#build/app.config";
 import { useColorMode as useColorModeVueUse } from "@vueuse/core";
 export { useHead } from "@unhead/vue";
@@ -52,12 +53,20 @@ export const useState = (key, init) => {
   state[key] = value;
   return value;
 };
+const hooks = createHooks();
 export function useNuxtApp() {
   return {
     isHydrating: true,
-    payload: { serverRendered: false }
+    payload: { serverRendered: false },
+    hooks,
+    hook: hooks.hook
   };
 }
+export function useRuntimeHook(name, fn) {
+  const nuxtApp = useNuxtApp();
+  const unregister = nuxtApp.hook(name, fn);
+  onScopeDispose(unregister);
+}
 export function defineNuxtPlugin(plugin) {
   return {
     install(app) {

package/dist/shared/{b24ui-nuxt.GF6icKT2.cjs → b24ui-nuxt.BsnG7poi.cjs}

@@ -6543,9 +6543,7 @@ const sidebarLayout = {
     ].join(" "),
     container: [
       "flex-1 flex flex-col",
-      "lg:min-w-0",
-      "pb-2",
-      "lg:pt-2 lg:pr-2"
+      "lg:min-w-0"
     ].join(" "),
     containerWrapper: [
       "grow"
@@ -6558,7 +6556,7 @@ const sidebarLayout = {
         container: "lg:pl-[240px]"
       },
       false: {
-        container: ""
+        container: "pb-2 lg:pt-2 lg:px-2"
       }
     },
     useLightContent: {
@@ -6567,6 +6565,9 @@ const sidebarLayout = {
           "bg-white dark:bg-white/10",
           "lg:bg-base-50 dark:lg:bg-base-dark"
         ].join(" "),
+        container: [
+          "pb-2 lg:pt-2 lg:pr-2"
+        ].join(" "),
         containerWrapper: [
           "p-6 lg:p-10",
           "lg:bg-white dark:lg:bg-white/10",

package/dist/shared/{b24ui-nuxt.Cdw6m70Y.mjs → b24ui-nuxt.CMCKw62O.mjs}

@@ -6541,9 +6541,7 @@ const sidebarLayout = {
     ].join(" "),
     container: [
       "flex-1 flex flex-col",
-      "lg:min-w-0",
-      "pb-2",
-      "lg:pt-2 lg:pr-2"
+      "lg:min-w-0"
     ].join(" "),
     containerWrapper: [
       "grow"
@@ -6556,7 +6554,7 @@ const sidebarLayout = {
         container: "lg:pl-[240px]"
       },
       false: {
-        container: ""
+        container: "pb-2 lg:pt-2 lg:px-2"
       }
     },
     useLightContent: {
@@ -6565,6 +6563,9 @@ const sidebarLayout = {
           "bg-white dark:bg-white/10",
           "lg:bg-base-50 dark:lg:bg-base-dark"
         ].join(" "),
+        container: [
+          "pb-2 lg:pt-2 lg:pr-2"
+        ].join(" "),
         containerWrapper: [
           "p-6 lg:p-10",
           "lg:bg-white dark:lg:bg-white/10",

package/dist/unplugin.cjs

@@ -5,7 +5,7 @@ const pathe = require('pathe');
 const unplugin = require('unplugin');
 const defu = require('defu');
 const tailwind = require('@tailwindcss/vite');
-const templates = require('./shared/b24ui-nuxt.GF6icKT2.cjs');
+const templates = require('./shared/b24ui-nuxt.BsnG7poi.cjs');
 const tinyglobby = require('tinyglobby');
 const knitwork = require('knitwork');
 const MagicString = require('magic-string');

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 getDefaultUiConfig } from './shared/b24ui-nuxt.Cdw6m70Y.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.CMCKw62O.mjs';
 import { globSync } from 'tinyglobby';
 import { genSafeVariableName } from 'knitwork';
 import MagicString from 'magic-string';

package/dist/vite.cjs

@@ -6,7 +6,7 @@ require('pathe');
 require('unplugin');
 require('defu');
 require('@tailwindcss/vite');
-require('./shared/b24ui-nuxt.GF6icKT2.cjs');
+require('./shared/b24ui-nuxt.BsnG7poi.cjs');
 require('scule');
 require('@nuxt/kit');
 require('tinyglobby');

package/dist/vite.mjs

@@ -4,7 +4,7 @@ import 'pathe';
 import 'unplugin';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/b24ui-nuxt.Cdw6m70Y.mjs';
+import './shared/b24ui-nuxt.CMCKw62O.mjs';
 import 'scule';
 import '@nuxt/kit';
 import 'tinyglobby';

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": "0.5.6",
+  "version": "0.5.7",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -79,7 +79,7 @@
     "@tailwindcss/postcss": "^4.0.17",
     "@tailwindcss/vite": "^4.0.17",
     "@tanstack/vue-table": "^8.21.2",
-    "@unhead/vue": "^2.0.1",
+    "@unhead/vue": "^2.0.2",
     "@vueuse/core": "^13.0.0",
     "@vueuse/integrations": "^13.0.0",
     "canvas-confetti": "^1.9.3",
@@ -94,6 +94,7 @@
     "embla-carousel-vue": "^8.5.2",
     "embla-carousel-wheel-gestures": "^8.0.1",
     "fuse.js": "^7.1.0",
+    "hookable": "^5.5.3",
     "knitwork": "^1.2.0",
     "magic-string": "^0.30.17",
     "mlly": "^1.7.4",