@neobrut-vue/core 0.2.0 → 0.3.0

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## 0.3.0
+
+- Added `NbSheet`, `NbAlertDialog`, `NbContextMenu`, `NbCommand`, `NbHoverCard`, and `NbNavigationMenu`.
+- Added accessible playground and README examples for navigation and advanced overlays.
+
 ## 0.2.0
 
 - Added `NbLink`, `NbButtonGroup`, `NbToggle`, `NbKbd`, and `NbMarker`.

package/README.md

@@ -51,8 +51,8 @@ import { NbBadge, NbButton, NbCard } from '@neobrut-vue/core'
 | --- | --- |
 | Actions and surfaces | `NbButton`, `NbButtonGroup`, `NbToggle`, `NbCard`, `NbAlert`, `NbBadge` |
 | Forms | `NbCheckbox`, `NbCombobox`, `NbFieldset`, `NbInput`, `NbInputGroup`, `NbNumberInput`, `NbRadioGroup`, `NbSelect`, `NbSelectItem`, `NbSlider`, `NbSwitch`, `NbTextarea`, `NbToggleGroup`, `NbToggleGroupItem` |
-| Navigation | `NbBreadcrumbs`, `NbPagination`, `NbTabs`, `NbTabsList`, `NbTabsTrigger`, `NbTabsContent` |
-| Overlays | `NbDialog`, `NbDropdownMenu`, `NbDropdownMenuItem`, `NbDropdownMenuSeparator`, `NbPopover`, `NbToast`, `NbTooltip` |
+| Navigation | `NbBreadcrumbs`, `NbNavigationMenu`, `NbPagination`, `NbTabs`, `NbTabsList`, `NbTabsTrigger`, `NbTabsContent` |
+| Overlays | `NbAlertDialog`, `NbCommand`, `NbContextMenu`, `NbDialog`, `NbDropdownMenu`, `NbHoverCard`, `NbPopover`, `NbSheet`, `NbToast`, `NbTooltip` |
 | Data display | `NbAccordion`, `NbAccordionItem`, `NbAvatar`, `NbEmptyState`, `NbProgress`, `NbSkeleton`, `NbSpinner`, `NbTable` |
 | Inline and layout | `NbLink`, `NbKbd`, `NbMarker`, `NbAspectRatio`, `NbScrollArea`, `NbSeparator` |
 
@@ -267,6 +267,41 @@ import {
 </template>
 ```
 
+Sheets, alert dialogs, and command menus use the same controlled or uncontrolled open-state pattern:
+
+```vue
+<script setup lang="ts">
+import { ref } from 'vue'
+import { NbAlertDialog, NbCommand, NbSheet, type NbCommandOption } from '@neobrut-vue/core'
+
+const selected = ref('')
+const commands: NbCommandOption[] = [
+  { value: 'new', label: 'New component', group: 'Project', shortcut: '⌘N' },
+  { value: 'publish', label: 'Publish package', group: 'Project', keywords: ['release'] },
+]
+</script>
+
+<template>
+  <NbSheet title="Edit component" side="right">
+    <template #trigger>Edit</template>
+    Sheet content
+  </NbSheet>
+
+  <NbAlertDialog
+    title="Delete component?"
+    description="This action cannot be undone."
+    action-label="Delete"
+    destructive
+  >
+    <template #trigger>Delete</template>
+  </NbAlertDialog>
+
+  <NbCommand v-model="selected" :options="commands" label="Project commands" />
+</template>
+```
+
+`NbContextMenu` includes item, checkbox, radio, submenu, label, separator, and shortcut primitives. `NbHoverCard` preserves the semantics of its slotted trigger, while `NbNavigationMenu` accepts a small data-driven link tree.
+
 ## Data display
 
 ```vue

package/dist/components/NbAlertDialog/NbAlertDialog.vue.d.ts

@@ -0,0 +1,40 @@
+type __VLS_Props = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    title: string;
+    description: string;
+    actionLabel?: string;
+    cancelLabel?: string;
+    destructive?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        trigger?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+    action: () => any;
+    cancel: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onAction?: (() => any) | undefined;
+    onCancel?: (() => any) | undefined;
+}>, {
+    open: boolean;
+    defaultOpen: boolean;
+    destructive: boolean;
+    actionLabel: string;
+    cancelLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NbAlertDialog/index.d.ts

@@ -0,0 +1 @@
+export { default as NbAlertDialog } from './NbAlertDialog.vue';

package/dist/components/NbCommand/NbCommand.vue.d.ts

@@ -0,0 +1,44 @@
+import { NbCommandOption } from './types';
+type __VLS_Props = {
+    modelValue?: string;
+    options: NbCommandOption[];
+    label?: string;
+    placeholder?: string;
+    emptyText?: string;
+    dialog?: boolean;
+    open?: boolean;
+    defaultOpen?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        trigger?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    select: (option: NbCommandOption) => any;
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onSelect?: ((option: NbCommandOption) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    modelValue: string;
+    label: string;
+    placeholder: string;
+    open: boolean;
+    defaultOpen: boolean;
+    dialog: boolean;
+    emptyText: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NbCommand/NbCommandPanel.vue.d.ts

@@ -0,0 +1,18 @@
+import { NbCommandOption } from './types';
+type __VLS_Props = {
+    modelValue?: string;
+    options: NbCommandOption[];
+    label: string;
+    placeholder: string;
+    emptyText: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    select: (option: NbCommandOption) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onSelect?: ((option: NbCommandOption) => any) | undefined;
+}>, {
+    modelValue: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/NbCommand/index.d.ts

@@ -0,0 +1,2 @@
+export { default as NbCommand } from './NbCommand.vue';
+export type { NbCommandOption } from './types';

package/dist/components/NbCommand/types.d.ts

@@ -0,0 +1,8 @@
+export interface NbCommandOption {
+    value: string;
+    label: string;
+    group?: string;
+    shortcut?: string;
+    keywords?: string[];
+    disabled?: boolean;
+}

package/dist/components/NbContextMenu/NbContextMenu.vue.d.ts

@@ -0,0 +1,29 @@
+type __VLS_Props = {
+    open?: boolean;
+    defaultOpen?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        trigger?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    open: boolean;
+    defaultOpen: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NbContextMenu/NbContextMenuCheckboxItem.vue.d.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    modelValue?: boolean;
+    disabled?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    modelValue: boolean;
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NbContextMenu/NbContextMenuItem.vue.d.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    disabled?: boolean;
+    destructive?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (event: Event) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((event: Event) => any) | undefined;
+}>, {
+    disabled: boolean;
+    destructive: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NbContextMenu/NbContextMenuLabel.vue.d.ts

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NbContextMenu/NbContextMenuRadioGroup.vue.d.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    modelValue?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NbContextMenu/NbContextMenuRadioItem.vue.d.ts

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    value: string;
+    disabled?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NbContextMenu/NbContextMenuSeparator.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/NbContextMenu/NbContextMenuShortcut.vue.d.ts

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NbContextMenu/NbContextMenuSub.vue.d.ts

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    label: string;
+    disabled?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NbContextMenu/index.d.ts

@@ -0,0 +1,9 @@
+export { default as NbContextMenu } from './NbContextMenu.vue';
+export { default as NbContextMenuCheckboxItem } from './NbContextMenuCheckboxItem.vue';
+export { default as NbContextMenuItem } from './NbContextMenuItem.vue';
+export { default as NbContextMenuLabel } from './NbContextMenuLabel.vue';
+export { default as NbContextMenuRadioGroup } from './NbContextMenuRadioGroup.vue';
+export { default as NbContextMenuRadioItem } from './NbContextMenuRadioItem.vue';
+export { default as NbContextMenuSeparator } from './NbContextMenuSeparator.vue';
+export { default as NbContextMenuShortcut } from './NbContextMenuShortcut.vue';
+export { default as NbContextMenuSub } from './NbContextMenuSub.vue';

package/dist/components/NbHoverCard/NbHoverCard.vue.d.ts

@@ -0,0 +1,37 @@
+type __VLS_Props = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    openDelay?: number;
+    closeDelay?: number;
+    align?: 'start' | 'center' | 'end';
+    side?: 'top' | 'right' | 'bottom' | 'left';
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        trigger?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    open: boolean;
+    defaultOpen: boolean;
+    side: "top" | "right" | "bottom" | "left";
+    align: "start" | "center" | "end";
+    openDelay: number;
+    closeDelay: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NbHoverCard/index.d.ts

@@ -0,0 +1 @@
+export { default as NbHoverCard } from './NbHoverCard.vue';

package/dist/components/NbNavigationMenu/NbNavigationMenu.vue.d.ts

@@ -0,0 +1,25 @@
+export interface NbNavigationLink {
+    label: string;
+    href: string;
+    description?: string;
+    target?: string;
+    active?: boolean;
+    children?: never;
+}
+export interface NbNavigationGroup {
+    label: string;
+    children: NbNavigationLink[];
+    href?: never;
+    description?: never;
+    target?: never;
+    active?: never;
+}
+export type NbNavigationItem = NbNavigationLink | NbNavigationGroup;
+type __VLS_Props = {
+    items: NbNavigationItem[];
+    label?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    label: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/NbNavigationMenu/index.d.ts

@@ -0,0 +1,2 @@
+export { default as NbNavigationMenu } from './NbNavigationMenu.vue';
+export type { NbNavigationGroup, NbNavigationItem, NbNavigationLink } from './NbNavigationMenu.vue';

package/dist/components/NbSheet/NbSheet.vue.d.ts

@@ -0,0 +1,35 @@
+export type NbSheetSide = 'top' | 'right' | 'bottom' | 'left';
+type __VLS_Props = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    title: string;
+    description?: string;
+    side?: NbSheetSide;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        trigger?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    open: boolean;
+    defaultOpen: boolean;
+    side: NbSheetSide;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NbSheet/index.d.ts

@@ -0,0 +1,2 @@
+export { default as NbSheet } from './NbSheet.vue';
+export type { NbSheetSide } from './NbSheet.vue';

package/dist/index.d.ts

@@ -8,22 +8,28 @@ import { NbButtonGroup } from './components/NbButtonGroup';
 import { NbCard } from './components/NbCard';
 import { NbCheckbox } from './components/NbCheckbox';
 import { NbCombobox } from './components/NbCombobox';
+import { NbCommand } from './components/NbCommand';
+import { NbContextMenu, NbContextMenuCheckboxItem, NbContextMenuItem, NbContextMenuLabel, NbContextMenuRadioGroup, NbContextMenuRadioItem, NbContextMenuSeparator, NbContextMenuShortcut, NbContextMenuSub } from './components/NbContextMenu';
 import { NbAlert } from './components/NbAlert';
+import { NbAlertDialog } from './components/NbAlertDialog';
 import { NbDialog } from './components/NbDialog';
 import { NbDropdownMenu, NbDropdownMenuItem, NbDropdownMenuSeparator } from './components/NbDropdownMenu';
 import { NbEmptyState } from './components/NbEmptyState';
 import { NbFieldset } from './components/NbFieldset';
 import { NbInput } from './components/NbInput';
 import { NbInputGroup } from './components/NbInputGroup';
+import { NbHoverCard } from './components/NbHoverCard';
 import { NbKbd } from './components/NbKbd';
 import { NbLink } from './components/NbLink';
 import { NbMarker } from './components/NbMarker';
+import { NbNavigationMenu } from './components/NbNavigationMenu';
 import { NbNumberInput } from './components/NbNumberInput';
 import { NbPagination } from './components/NbPagination';
 import { NbPopover } from './components/NbPopover';
 import { NbProgress } from './components/NbProgress';
 import { NbRadioGroup } from './components/NbRadioGroup';
 import { NbScrollArea } from './components/NbScrollArea';
+import { NbSheet } from './components/NbSheet';
 import { NbSelect, NbSelectItem } from './components/NbSelect';
 import { NbSeparator } from './components/NbSeparator';
 import { NbSlider } from './components/NbSlider';
@@ -37,12 +43,15 @@ import { NbToast } from './components/NbToast';
 import { NbToggle } from './components/NbToggle';
 import { NbToggleGroup, NbToggleGroupItem } from './components/NbToggleGroup';
 import { NbTooltip } from './components/NbTooltip';
-export { NbAccordion, NbAccordionItem, NbAlert, NbAspectRatio, NbAvatar, NbBadge, NbBreadcrumbs, NbButton, NbButtonGroup, NbCard, NbCheckbox, NbCombobox, NbDialog, NbDropdownMenu, NbDropdownMenuItem, NbDropdownMenuSeparator, NbEmptyState, NbFieldset, NbInput, NbInputGroup, NbKbd, NbLink, NbMarker, NbNumberInput, NbPagination, NbPopover, NbProgress, NbRadioGroup, NbScrollArea, NbSelect, NbSelectItem, NbSeparator, NbSkeleton, NbSlider, NbSpinner, NbSwitch, NbTable, NbTabs, NbTabsContent, NbTabsList, NbTabsTrigger, NbTextarea, NbToast, NbToggle, NbToggleGroup, NbToggleGroupItem, NbTooltip };
+export { NbAccordion, NbAccordionItem, NbAlert, NbAlertDialog, NbAspectRatio, NbAvatar, NbBadge, NbBreadcrumbs, NbButton, NbButtonGroup, NbCard, NbCheckbox, NbCombobox, NbCommand, NbContextMenu, NbContextMenuCheckboxItem, NbContextMenuItem, NbContextMenuLabel, NbContextMenuRadioGroup, NbContextMenuRadioItem, NbContextMenuSeparator, NbContextMenuShortcut, NbContextMenuSub, NbDialog, NbDropdownMenu, NbDropdownMenuItem, NbDropdownMenuSeparator, NbEmptyState, NbFieldset, NbHoverCard, NbInput, NbInputGroup, NbKbd, NbLink, NbMarker, NbNavigationMenu, NbNumberInput, NbPagination, NbPopover, NbProgress, NbRadioGroup, NbScrollArea, NbSelect, NbSelectItem, NbSeparator, NbSheet, NbSkeleton, NbSlider, NbSpinner, NbSwitch, NbTable, NbTabs, NbTabsContent, NbTabsList, NbTabsTrigger, NbTextarea, NbToast, NbToggle, NbToggleGroup, NbToggleGroupItem, NbTooltip };
 export type { NbBreadcrumbItem } from './components/NbBreadcrumbs';
 export type { NbComboboxOption } from './components/NbCombobox';
+export type { NbCommandOption } from './components/NbCommand';
 export type { NbLinkTone } from './components/NbLink';
 export type { NbMarkerTone } from './components/NbMarker';
+export type { NbNavigationGroup, NbNavigationItem, NbNavigationLink } from './components/NbNavigationMenu';
 export type { NbRadioOption } from './components/NbRadioGroup';
+export type { NbSheetSide } from './components/NbSheet';
 export type { NbTabsOrientation } from './components/NbTabs';
 export type { NbToggleSize, NbToggleTone } from './components/NbToggle';
 export type { NbToggleGroupOrientation, NbToggleGroupType } from './components/NbToggleGroup';