@bitrix24/b24ui-nuxt 2.3.0 → 2.4.1

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

@@ -1,4 +1,5 @@
 import type { DialogRootProps, DialogRootEmits, DialogContentProps, DialogContentEmits } from 'reka-ui';
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/modal';
 import type { ButtonProps, IconComponent, LinkPropsKeys } from '../types';
@@ -15,17 +16,17 @@ export interface ModalProps extends DialogRootProps {
      * @defaultValue true
      */
     overlay?: boolean;
-    /**
-     * When `true`, enables scrollable overlay mode where content scrolls within the overlay.
-     * @defaultValue false
-     */
-    scrollable?: boolean;
     /**
      * Render an overlay blur behind the modal.
      * `auto` use `motion-safe`.
      * @defaultValue 'auto'
      */
     overlayBlur?: Modal['variants']['overlayBlur'];
+    /**
+     * When `true`, enables scrollable overlay mode where content scrolls within the overlay.
+     * @defaultValue false
+     */
+    scrollable?: boolean;
     /**
      * Animate the modal when opening or closing.
      * @defaultValue true
@@ -71,27 +72,27 @@ export interface ModalEmits extends DialogRootEmits {
     'close:prevent': [];
 }
 export interface ModalSlots {
-    default(props: {
+    default?(props: {
         open: boolean;
-    }): any;
-    content(props: {
+    }): VNode[];
+    content?(props: {
         close: () => void;
-    }): any;
-    header(props: {
+    }): VNode[];
+    header?(props: {
         close: () => void;
-    }): any;
-    title(props?: {}): any;
-    description(props?: {}): any;
-    actions(props?: {}): any;
-    close(props: {
+    }): VNode[];
+    title?(props?: {}): VNode[];
+    description?(props?: {}): VNode[];
+    actions?(props?: {}): VNode[];
+    close?(props: {
         b24ui: Modal['b24ui'];
-    }): any;
-    body(props: {
+    }): VNode[];
+    body?(props: {
         close: () => void;
-    }): any;
-    footer(props: {
+    }): VNode[];
+    footer?(props: {
         close: () => void;
-    }): any;
+    }): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -107,10 +108,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ModalP
     "onClose:prevent"?: (() => any) | undefined;
 }>, {
     close: boolean | Omit<ButtonProps, LinkPropsKeys>;
+    overlay: boolean;
     transition: boolean;
     modal: boolean;
     portal: boolean | string | HTMLElement;
-    overlay: boolean;
     overlayBlur: Modal["variants"]["overlayBlur"];
     dismissible: boolean;
     scrollbarThin: boolean;

package/dist/runtime/components/Modal.vue

@@ -7,6 +7,7 @@ import { computed, toRef } from "vue";
 import { DialogRoot, DialogTrigger, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription, DialogClose, VisuallyHidden, useForwardPropsEmits } from "reka-ui";
 import { reactivePick, createReusableTemplate } from "@vueuse/core";
 import { useAppConfig } from "#imports";
+import { useComponentUI } from "../composables/useComponentUI";
 import { useLocale } from "../composables/useLocale";
 import { usePortal } from "../composables/usePortal";
 import { pointerDownOutside } from "../utils/overlay";
@@ -18,8 +19,8 @@ const props = defineProps({
   description: { type: String, required: false },
   content: { type: Object, required: false },
   overlay: { type: Boolean, required: false, default: true },
-  scrollable: { type: Boolean, required: false },
   overlayBlur: { type: null, required: false, default: "auto" },
+  scrollable: { type: Boolean, required: false },
   transition: { type: Boolean, required: false, default: true },
   fullscreen: { type: Boolean, required: false },
   portal: { type: [Boolean, String], required: false, skipCheck: true, default: true },
@@ -37,6 +38,7 @@ const emits = defineEmits(["after:leave", "after:enter", "close:prevent", "updat
 const slots = defineSlots();
 const { t } = useLocale();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("modal", props);
 const rootProps = useForwardPropsEmits(reactivePick(props, "open", "defaultOpen", "modal"), emits);
 const portalProps = usePortal(toRef(() => props.portal));
 const contentProps = toRef(() => props.content);
@@ -70,7 +72,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.modal |
     <DefineContentTemplate>
       <DialogContent
         data-slot="content"
-        :class="b24ui.content({ class: [!slots.default && props.class, props.b24ui?.content] })"
+        :class="b24ui.content({ class: [!slots.default && props.class, uiProp?.content] })"
         v-bind="contentProps"
         @after-enter="emits('after:enter')"
         @after-leave="emits('after:leave')"
@@ -94,18 +96,18 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.modal |
           <div
             v-if="!!slots.header || (title || !!slots.title) || (description || !!slots.description) || (props.close || !!slots.close) || !!slots.body"
             data-slot="contentWrapper"
-            :class="b24ui.contentWrapper({ class: props.b24ui?.contentWrapper })"
+            :class="b24ui.contentWrapper({ class: uiProp?.contentWrapper })"
           >
-            <div v-if="!!slots.header || (title || !!slots.title) || (description || !!slots.description) || (props.close || !!slots.close)" data-slot="header" :class="b24ui.header({ class: props.b24ui?.header })">
+            <div v-if="!!slots.header || (title || !!slots.title) || (description || !!slots.description) || (props.close || !!slots.close)" data-slot="header" :class="b24ui.header({ class: uiProp?.header })">
               <slot name="header" :close="close">
-                <div data-slot="wrapper" :class="b24ui.wrapper({ class: props.b24ui?.wrapper })">
-                  <DialogTitle v-if="title || !!slots.title" data-slot="title" :class="b24ui.title({ class: props.b24ui?.title })">
+                <div data-slot="wrapper" :class="b24ui.wrapper({ class: uiProp?.wrapper })">
+                  <DialogTitle v-if="title || !!slots.title" data-slot="title" :class="b24ui.title({ class: uiProp?.title })">
                     <slot name="title">
                       {{ title }}
                     </slot>
                   </DialogTitle>
 
-                  <DialogDescription v-if="description || !!slots.description" data-slot="description" :class="b24ui.description({ class: props.b24ui?.description })">
+                  <DialogDescription v-if="description || !!slots.description" data-slot="description" :class="b24ui.description({ class: uiProp?.description })">
                     <slot name="description">
                       {{ description }}
                     </slot>
@@ -124,19 +126,19 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.modal |
                       :aria-label="t('modal.close')"
                       v-bind="typeof props.close === 'object' ? props.close : {}"
                       data-slot="close"
-                      :class="b24ui.close({ class: props.b24ui?.close })"
+                      :class="b24ui.close({ class: uiProp?.close })"
                     />
                   </slot>
                 </DialogClose>
               </slot>
             </div>
 
-            <div v-if="!!slots.body" data-slot="body" :class="b24ui.body({ class: props.b24ui?.body, scrollbarThin: Boolean(props.scrollbarThin) })">
+            <div v-if="!!slots.body" data-slot="body" :class="b24ui.body({ class: uiProp?.body, scrollbarThin: Boolean(props.scrollbarThin) })">
               <slot name="body" :close="close" />
             </div>
           </div>
 
-          <div v-if="!!slots.footer" data-slot="footer" :class="b24ui.footer({ class: props.b24ui?.footer })">
+          <div v-if="!!slots.footer" data-slot="footer" :class="b24ui.footer({ class: uiProp?.footer })">
             <slot name="footer" :close="close" />
           </div>
         </slot>
@@ -149,13 +151,13 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.modal |
 
     <DialogPortal v-bind="portalProps">
       <template v-if="scrollable">
-        <DialogOverlay data-slot="overlay" :class="b24ui.overlay({ class: props.b24ui?.overlay })">
+        <DialogOverlay data-slot="overlay" :class="b24ui.overlay({ class: uiProp?.overlay })">
           <ReuseContentTemplate />
         </DialogOverlay>
       </template>
 
       <template v-else>
-        <DialogOverlay v-if="overlay" data-slot="overlay" :class="b24ui.overlay({ class: props.b24ui?.overlay })" />
+        <DialogOverlay v-if="overlay" data-slot="overlay" :class="b24ui.overlay({ class: uiProp?.overlay })" />
 
         <ReuseContentTemplate />
       </template>

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

@@ -1,4 +1,5 @@
 import type { DialogRootProps, DialogRootEmits, DialogContentProps, DialogContentEmits } from 'reka-ui';
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/modal';
 import type { ButtonProps, IconComponent, LinkPropsKeys } from '../types';
@@ -15,17 +16,17 @@ export interface ModalProps extends DialogRootProps {
      * @defaultValue true
      */
     overlay?: boolean;
-    /**
-     * When `true`, enables scrollable overlay mode where content scrolls within the overlay.
-     * @defaultValue false
-     */
-    scrollable?: boolean;
     /**
      * Render an overlay blur behind the modal.
      * `auto` use `motion-safe`.
      * @defaultValue 'auto'
      */
     overlayBlur?: Modal['variants']['overlayBlur'];
+    /**
+     * When `true`, enables scrollable overlay mode where content scrolls within the overlay.
+     * @defaultValue false
+     */
+    scrollable?: boolean;
     /**
      * Animate the modal when opening or closing.
      * @defaultValue true
@@ -71,27 +72,27 @@ export interface ModalEmits extends DialogRootEmits {
     'close:prevent': [];
 }
 export interface ModalSlots {
-    default(props: {
+    default?(props: {
         open: boolean;
-    }): any;
-    content(props: {
+    }): VNode[];
+    content?(props: {
         close: () => void;
-    }): any;
-    header(props: {
+    }): VNode[];
+    header?(props: {
         close: () => void;
-    }): any;
-    title(props?: {}): any;
-    description(props?: {}): any;
-    actions(props?: {}): any;
-    close(props: {
+    }): VNode[];
+    title?(props?: {}): VNode[];
+    description?(props?: {}): VNode[];
+    actions?(props?: {}): VNode[];
+    close?(props: {
         b24ui: Modal['b24ui'];
-    }): any;
-    body(props: {
+    }): VNode[];
+    body?(props: {
         close: () => void;
-    }): any;
-    footer(props: {
+    }): VNode[];
+    footer?(props: {
         close: () => void;
-    }): any;
+    }): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -107,10 +108,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ModalP
     "onClose:prevent"?: (() => any) | undefined;
 }>, {
     close: boolean | Omit<ButtonProps, LinkPropsKeys>;
+    overlay: boolean;
     transition: boolean;
     modal: boolean;
     portal: boolean | string | HTMLElement;
-    overlay: boolean;
     overlayBlur: Modal["variants"]["overlayBlur"];
     dismissible: boolean;
     scrollbarThin: boolean;

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

@@ -1,5 +1,6 @@
+import type { VNode } from 'vue';
 export interface ModalDialogCloseSlots {
-    default(props: {}): any;
+    default?(props: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,5 +1,6 @@
+import type { VNode } from 'vue';
 export interface ModalDialogCloseSlots {
-    default(props: {}): any;
+    default?(props: {}): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,6 +1,14 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/navbar';
 import type { ComponentConfig } from '../types/tv';
+/**
+ * @deprecated This component is deprecated and will be removed in version `3.0.0`
+ *   - use [Header](https://bitrix24.github.io/b24ui/docs/components/header/)
+ *   - use [PageHeader ](https://bitrix24.github.io/b24ui/docs/components/page-header/)
+ *   - use [DashboardNavbar](https://bitrix24.github.io/b24ui/docs/components/dashboard-navbar/)
+ *
+ * @removed 3.0.0
+ */
 type Navbar = ComponentConfig<typeof theme, AppConfig, 'navbar'>;
 export interface NavbarProps {
     /**

package/dist/runtime/components/Navbar.vue

@@ -6,6 +6,7 @@ import theme from "#build/b24ui/navbar";
 import { computed } from "vue";
 import { Primitive } from "reka-ui";
 import { useAppConfig } from "#imports";
+import { useComponentUI } from "../composables/useComponentUI";
 import { tv } from "../utils/tv";
 const props = defineProps({
   as: { type: null, required: false, default: "nav" },
@@ -14,12 +15,13 @@ const props = defineProps({
 });
 defineSlots();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("navbar", props);
 const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.navbar || {} })());
 </script>
 
 <template>
   <!-- Navbar -->
-  <Primitive :as="as" data-slot="root" :class="b24ui.root({ class: [props.b24ui?.root, props.class] })">
+  <Primitive :as="as" data-slot="root" :class="b24ui.root({ class: [uiProp?.root, props.class] })">
     <slot />
   </Primitive>
 </template>

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

@@ -1,6 +1,14 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/navbar';
 import type { ComponentConfig } from '../types/tv';
+/**
+ * @deprecated This component is deprecated and will be removed in version `3.0.0`
+ *   - use [Header](https://bitrix24.github.io/b24ui/docs/components/header/)
+ *   - use [PageHeader ](https://bitrix24.github.io/b24ui/docs/components/page-header/)
+ *   - use [DashboardNavbar](https://bitrix24.github.io/b24ui/docs/components/dashboard-navbar/)
+ *
+ * @removed 3.0.0
+ */
 type Navbar = ComponentConfig<typeof theme, AppConfig, 'navbar'>;
 export interface NavbarProps {
     /**

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

@@ -1,6 +1,14 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/navbar-divider';
 import type { ComponentConfig } from '../types/tv';
+/**
+ * @deprecated This component is deprecated and will be removed in version `3.0.0`
+ *   - use [Header](https://bitrix24.github.io/b24ui/docs/components/header/)
+ *   - use [PageHeader ](https://bitrix24.github.io/b24ui/docs/components/page-header/)
+ *   - use [DashboardNavbar](https://bitrix24.github.io/b24ui/docs/components/dashboard-navbar/)
+ *
+ * @removed 3.0.0
+ */
 type NavbarDivider = ComponentConfig<typeof theme, AppConfig, 'navbarDivider'>;
 export interface NavbarDividerProps {
     /**

package/dist/runtime/components/NavbarDivider.vue

@@ -6,6 +6,7 @@ import theme from "#build/b24ui/navbar-divider";
 import { computed } from "vue";
 import { Primitive } from "reka-ui";
 import { useAppConfig } from "#imports";
+import { useComponentUI } from "../composables/useComponentUI";
 import { tv } from "../utils/tv";
 const props = defineProps({
   as: { type: null, required: false, default: "div" },
@@ -14,11 +15,12 @@ const props = defineProps({
 });
 defineSlots();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("navbarDivider", props);
 const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.navbarDivider || {} })());
 </script>
 
 <template>
-  <Primitive :as="as" aria-hidden="true" data-slot="root" :class="b24ui.root({ class: [props.b24ui?.root, props.class] })">
+  <Primitive :as="as" aria-hidden="true" data-slot="root" :class="b24ui.root({ class: [uiProp?.root, props.class] })">
     <slot />
   </Primitive>
 </template>

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

@@ -1,6 +1,14 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/navbar-divider';
 import type { ComponentConfig } from '../types/tv';
+/**
+ * @deprecated This component is deprecated and will be removed in version `3.0.0`
+ *   - use [Header](https://bitrix24.github.io/b24ui/docs/components/header/)
+ *   - use [PageHeader ](https://bitrix24.github.io/b24ui/docs/components/page-header/)
+ *   - use [DashboardNavbar](https://bitrix24.github.io/b24ui/docs/components/dashboard-navbar/)
+ *
+ * @removed 3.0.0
+ */
 type NavbarDivider = ComponentConfig<typeof theme, AppConfig, 'navbarDivider'>;
 export interface NavbarDividerProps {
     /**

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

@@ -1,6 +1,14 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/navbar-section';
 import type { ComponentConfig } from '../types/tv';
+/**
+ * @deprecated This component is deprecated and will be removed in version `3.0.0`
+ *   - use [Header](https://bitrix24.github.io/b24ui/docs/components/header/)
+ *   - use [PageHeader ](https://bitrix24.github.io/b24ui/docs/components/page-header/)
+ *   - use [DashboardNavbar](https://bitrix24.github.io/b24ui/docs/components/dashboard-navbar/)
+ *
+ * @removed 3.0.0
+ */
 type NavSection = ComponentConfig<typeof theme, AppConfig, 'navbarSection'>;
 export interface NavbarSectionProps {
     /**

package/dist/runtime/components/NavbarSection.vue

@@ -6,6 +6,7 @@ import theme from "#build/b24ui/navbar-section";
 import { computed } from "vue";
 import { Primitive } from "reka-ui";
 import { useAppConfig } from "#imports";
+import { useComponentUI } from "../composables/useComponentUI";
 import { tv } from "../utils/tv";
 const props = defineProps({
   as: { type: null, required: false, default: "div" },
@@ -14,6 +15,7 @@ const props = defineProps({
 });
 defineSlots();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("navSection", props);
 const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.navbarSection || {} })());
 </script>
 
@@ -22,7 +24,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.navbarS
     :as="as"
     data-component="section"
     data-slot="root"
-    :class="b24ui.root({ class: [props.b24ui?.root, props.class] })"
+    :class="b24ui.root({ class: [uiProp?.root, props.class] })"
   >
     <slot />
   </Primitive>

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

@@ -1,6 +1,14 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/navbar-section';
 import type { ComponentConfig } from '../types/tv';
+/**
+ * @deprecated This component is deprecated and will be removed in version `3.0.0`
+ *   - use [Header](https://bitrix24.github.io/b24ui/docs/components/header/)
+ *   - use [PageHeader ](https://bitrix24.github.io/b24ui/docs/components/page-header/)
+ *   - use [DashboardNavbar](https://bitrix24.github.io/b24ui/docs/components/dashboard-navbar/)
+ *
+ * @removed 3.0.0
+ */
 type NavSection = ComponentConfig<typeof theme, AppConfig, 'navbarSection'>;
 export interface NavbarSectionProps {
     /**

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

@@ -1,6 +1,14 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/navbar-spacer';
 import type { ComponentConfig } from '../types/tv';
+/**
+ * @deprecated This component is deprecated and will be removed in version `3.0.0`
+ *   - use [Header](https://bitrix24.github.io/b24ui/docs/components/header/)
+ *   - use [PageHeader ](https://bitrix24.github.io/b24ui/docs/components/page-header/)
+ *   - use [DashboardNavbar](https://bitrix24.github.io/b24ui/docs/components/dashboard-navbar/)
+ *
+ * @removed 3.0.0
+ */
 type NavbarSpacer = ComponentConfig<typeof theme, AppConfig, 'navbarSpacer'>;
 export interface NavbarSpacerProps {
     /**

package/dist/runtime/components/NavbarSpacer.vue

@@ -6,6 +6,7 @@ import theme from "#build/b24ui/navbar-spacer";
 import { computed } from "vue";
 import { Primitive } from "reka-ui";
 import { useAppConfig } from "#imports";
+import { useComponentUI } from "../composables/useComponentUI";
 import { tv } from "../utils/tv";
 const props = defineProps({
   as: { type: null, required: false, default: "div" },
@@ -14,11 +15,12 @@ const props = defineProps({
 });
 defineSlots();
 const appConfig = useAppConfig();
+const uiProp = useComponentUI("navbarSpacer", props);
 const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.navbarSpacer || {} })());
 </script>
 
 <template>
-  <Primitive :as="as" aria-hidden="true" data-slot="root" :class="b24ui.root({ class: [props.b24ui?.root, props.class] })">
+  <Primitive :as="as" aria-hidden="true" data-slot="root" :class="b24ui.root({ class: [uiProp?.root, props.class] })">
     <slot />
   </Primitive>
 </template>

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

@@ -1,6 +1,14 @@
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/navbar-spacer';
 import type { ComponentConfig } from '../types/tv';
+/**
+ * @deprecated This component is deprecated and will be removed in version `3.0.0`
+ *   - use [Header](https://bitrix24.github.io/b24ui/docs/components/header/)
+ *   - use [PageHeader ](https://bitrix24.github.io/b24ui/docs/components/page-header/)
+ *   - use [DashboardNavbar](https://bitrix24.github.io/b24ui/docs/components/dashboard-navbar/)
+ *
+ * @removed 3.0.0
+ */
 type NavbarSpacer = ComponentConfig<typeof theme, AppConfig, 'navbarSpacer'>;
 export interface NavbarSpacerProps {
     /**

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

@@ -1,18 +1,16 @@
 import type { NavigationMenuRootProps, NavigationMenuContentProps, NavigationMenuContentEmits, AccordionRootProps } from 'reka-ui';
+import type { VNode } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/navigation-menu';
-import type { AvatarProps, BadgeProps, IconComponent, LinkProps, PopoverProps, TooltipProps } from '../types';
+import type { AvatarProps, BadgeProps, ChipProps, IconComponent, LinkProps, PopoverProps, TooltipProps } from '../types';
 import type { ArrayOrNested, DynamicSlots, GetItemKeys, MergeTypes, NestedItem, EmitsToProps } from '../types/utils';
 import type { ComponentConfig } from '../types/tv';
 type NavigationMenu = ComponentConfig<typeof theme, AppConfig, 'navigationMenu'>;
 /**
- * @memo not use in NavigationMenuChildItem
- * - description
- * - avatar
- * - b24ui
- * - children - only 1 level
+ * @memo only 1 level
+ * @memo not use in NavigationMenuChildItem: `b24ui` | `description` | `avatar` | `children` | `description`
  */
-export interface NavigationMenuChildItem extends Omit<NavigationMenuItem, 'type' | 'b24ui' | 'avatar' | 'children'> {
+export interface NavigationMenuChildItem extends Omit<NavigationMenuItem, 'type' | 'b24ui' | 'avatar' | 'children' | 'description'> {
     [key: string]: any;
 }
 export interface NavigationMenuItem extends Omit<LinkProps, 'type' | 'raw' | 'custom'> {
@@ -29,16 +27,22 @@ export interface NavigationMenuItem extends Omit<LinkProps, 'type' | 'raw' | 'cu
     avatar?: AvatarProps;
     /**
      * Display a badge on the item.
-     * `{ size: 'xs', color: 'air-primary-alert' }`{lang="ts"}
+     * `{ size: 'xs', color: 'air-primary-alert' }`{lang="ts-type"}
      */
     badge?: string | number | BadgeProps;
+    /**
+     * Display a chip around the icon of the item.
+     * `{ inset: true }`{lang="ts-type"}
+     */
+    chip?: boolean | ChipProps;
     /**
      * Display a hint on the item in `horizontal` orientation.
      */
     hint?: string;
     /**
-     * Display a tooltip on the item when the menu is collapsed with the label of the item.
-     * This has priority over the global `tooltip` prop.
+     * Display a tooltip on the item with the label of the item.
+     * In `vertical` orientation, only works when the menu is `collapsed`.
+     * In `horizontal` orientation, works on any item.
      */
     tooltip?: boolean | TooltipProps;
     /**
@@ -60,7 +64,7 @@ export interface NavigationMenuItem extends Omit<LinkProps, 'type' | 'raw' | 'cu
     slot?: string;
     /**
      * The value of the item. Avoid using `index` as the value to prevent conflicts in horizontal orientation with Reka UI.
-     * @defaultValue `item-${index}`
+     * @defaultValue `item-${index}`, `item-${level}-${index}` for nested children, or `group-${listIndex}-item-${index}` when using grouped items
      */
     value?: string;
     children?: NavigationMenuChildItem[];
@@ -72,19 +76,14 @@ export interface NavigationMenuItem extends Omit<LinkProps, 'type' | 'raw' | 'cu
     open?: boolean;
     onSelect?: (e: Event) => void;
     class?: any;
-    b24ui?: Pick<NavigationMenu['slots'], 'item' | 'linkLeadingAvatarSize' | 'linkLeadingAvatar' | 'linkLeadingIcon' | 'linkLabel' | 'linkLabelExternalIcon' | 'linkTrailing' | 'linkLeadingHint' | 'linkLeadingBadgeSize' | 'linkLeadingBadge' | 'linkTrailingIcon' | 'label' | 'link' | 'content' | 'childList' | 'childLabel' | 'childItem' | 'childLink' | 'childLinkIcon' | 'childLinkHint' | 'childLinkBadgeSize' | 'childLinkBadge' | 'childLinkWrapper' | 'childLinkLabel' | 'childLinkLabelExternalIcon' | 'popoverWrapper'>;
+    b24ui?: Pick<NavigationMenu['slots'], 'item' | 'linkLeadingAvatarSize' | 'linkLeadingAvatar' | 'linkLeadingIcon' | 'linkLeadingChipSize' | 'linkLabel' | 'linkLabelExternalIcon' | 'linkTrailing' | 'linkLeadingHint' | 'linkLeadingBadgeSize' | 'linkLeadingBadge' | 'linkTrailingIcon' | 'label' | 'link' | 'content' | 'childList' | 'childLabel' | 'childItem' | 'childLink' | 'childLinkIcon' | 'childLinkHint' | 'childLinkBadgeSize' | 'childLinkBadge' | 'childLinkWrapper' | 'childLinkLabel' | 'childLinkLabelExternalIcon' | 'popoverWrapper'>;
     [key: string]: any;
 }
 type SingleOrMultipleType = 'single' | 'multiple';
 type Orientation = NavigationMenu['variants']['orientation'];
 type NavigationMenuModelValue<K extends SingleOrMultipleType = SingleOrMultipleType, O extends Orientation = Orientation> = O extends 'horizontal' ? string : K extends 'single' ? string : K extends 'multiple' ? string[] : string | string[];
 /**
- * @memo remove contentOrientation
- * @memo remove highlight
- * @memo remove highlightColor
- * @memo remove arrow
- * @memo remove color
- * @memo remove variant (link) -> use variant.pill
+ * @memo remove contentOrientation | highlight | highlightColor | arrow | color | variant (link) -> use variant.pill
  */
 export interface NavigationMenuProps<T extends ArrayOrNested<NavigationMenuItem> = ArrayOrNested<NavigationMenuItem>, K extends SingleOrMultipleType = SingleOrMultipleType, O extends Orientation = Orientation> extends Pick<NavigationMenuRootProps, 'delayDuration' | 'disableClickTrigger' | 'disableHoverTrigger' | 'skipDelayDuration' | 'disablePointerLeaveClose' | 'unmountOnHide'>, Pick<AccordionRootProps, 'disabled' | 'collapsible'> {
     /**
@@ -143,7 +142,8 @@ export interface NavigationMenuProps<T extends ArrayOrNested<NavigationMenuItem>
      */
     collapsed?: boolean;
     /**
-     * Display a tooltip on the items when the menu is collapsed with the label of the item.
+     * Display a tooltip on the items with the label of the item.
+     * Only works when `orientation` is `vertical` and `collapsed` is `true`.
      * `{ delayDuration: 0, content: { side: 'right' } }`{lang="ts-type"}
      * @defaultValue false
      */
@@ -183,30 +183,34 @@ export type NavigationMenuEmits<K extends SingleOrMultipleType = SingleOrMultipl
 type SlotProps<T extends NavigationMenuItem> = (props: {
     item: T;
     index: number;
-    active?: boolean;
+    active: boolean;
     b24ui: NavigationMenu['b24ui'];
-}) => any;
+}) => VNode[];
 export type NavigationMenuSlots<A extends ArrayOrNested<NavigationMenuItem> = ArrayOrNested<NavigationMenuItem>, T extends NestedItem<A> = NestedItem<A>> = {
-    'item': SlotProps<T>;
-    'item-leading': SlotProps<T>;
-    'item-label': (props: {
+    'item'?: SlotProps<T>;
+    'item-leading'?: SlotProps<T>;
+    'item-label'?: (props: {
+        item: T;
+        index: number;
+        active: boolean;
+    }) => VNode[];
+    'item-trailing'?: SlotProps<T>;
+    'item-content'?: (props: {
         item: T;
         index: number;
-        active?: boolean;
-    }) => any;
-    'item-trailing': SlotProps<T>;
-    'item-content': SlotProps<T> & {
-        close?: () => void;
-    };
-    'list-leading': (props?: {}) => any;
-    'list-trailing': (props?: {}) => any;
+        active: boolean;
+        b24ui: NavigationMenu['b24ui'];
+        close: (() => void) | undefined;
+    }) => VNode[];
+    'list-leading'?: (props?: {}) => VNode[];
+    'list-trailing'?: (props?: {}) => VNode[];
 } & DynamicSlots<MergeTypes<T>, 'label', {
     index: number;
-    active?: boolean;
+    active: boolean;
     b24ui: NavigationMenu['b24ui'];
 }> & DynamicSlots<MergeTypes<T>, 'leading' | 'trailing' | 'content', {
     index: number;
-    active?: boolean;
+    active: boolean;
     b24ui: NavigationMenu['b24ui'];
 }>;
 declare const _default: typeof __VLS_export;