@neobrut-vue/core 0.2.0 → 0.4.0

package/dist/neobrut-vue.js

@@ -1,13 +1,13 @@
-import { defineComponent as v, openBlock as o, createBlock as N, unref as a, withCtx as u, renderSlot as _, createVNode as m, createElementVNode as c, toDisplayString as p, computed as $, createElementBlock as i, normalizeClass as B, createCommentVNode as h, createTextVNode as V, Fragment as P, renderList as D, mergeProps as k, ref as x, watch as M, onBeforeUnmount as F, withModifiers as K, nextTick as j, useSlots as H, resolveDynamicComponent as J, normalizeStyle as O, inject as X, provide as Q, withDirectives as W, vShow as Y } from "vue";
-import { AccordionRoot as Z, AccordionItem as ee, AccordionHeader as te, AccordionTrigger as ae, AccordionContent as le, AspectRatio as ne, AvatarRoot as oe, AvatarImage as se, AvatarFallback as ie, ComboboxRoot as de, ComboboxAnchor as re, ComboboxInput as ue, ComboboxTrigger as ce, ComboboxPortal as be, ComboboxContent as fe, ComboboxViewport as me, ComboboxEmpty as pe, ComboboxItem as he, ComboboxItemIndicator as ve, DropdownMenuRoot as ge, DropdownMenuTrigger as _e, DropdownMenuPortal as ye, DropdownMenuContent as $e, DropdownMenuItem as Ne, DropdownMenuSeparator as ke, NumberFieldRoot as Ie, NumberFieldDecrement as Be, NumberFieldInput as Ve, NumberFieldIncrement as we, PaginationRoot as xe, PaginationPrev as Se, PaginationList as Te, PaginationListItem as Ae, PaginationEllipsis as Ce, PaginationNext as Pe, PopoverRoot as De, PopoverTrigger as Me, PopoverPortal as Re, PopoverContent as qe, PopoverClose as Oe, ProgressRoot as Ee, ProgressIndicator as Ge, ScrollAreaRoot as ze, ScrollAreaViewport as Le, ScrollAreaScrollbar as Ue, ScrollAreaThumb as Fe, SelectRoot as Ke, SelectTrigger as je, SelectValue as He, SelectIcon as Je, SelectPortal as Xe, SelectContent as Qe, SelectScrollUpButton as We, SelectViewport as Ye, SelectScrollDownButton as Ze, SelectItem as et, SelectItemText as tt, SelectItemIndicator as at, Separator as lt, SliderRoot as nt, SliderTrack as ot, SliderRange as st, SliderThumb as it, ToastProvider as dt, ToastRoot as rt, ToastTitle as ut, ToastDescription as ct, ToastClose as bt, ToastViewport as ft, Toggle as mt, ToggleGroupRoot as pt, ToggleGroupItem as ht } from "reka-ui";
-function vt(e) {
+import { defineComponent as h, openBlock as n, createBlock as y, unref as t, withCtx as d, renderSlot as _, createVNode as c, createElementVNode as f, toDisplayString as p, computed as N, createElementBlock as u, normalizeClass as x, createCommentVNode as g, createTextVNode as I, Fragment as B, renderList as T, mergeProps as k, ref as C, watch as A, onBeforeUnmount as ie, withModifiers as de, nextTick as re, useSlots as ue, resolveDynamicComponent as ce, normalizeStyle as q, inject as be, provide as fe, withDirectives as me, vShow as pe } from "vue";
+import { AccordionRoot as ve, AccordionItem as he, AccordionHeader as ge, AccordionTrigger as _e, AccordionContent as ye, AspectRatio as $e, AvatarRoot as Ne, AvatarImage as Ie, AvatarFallback as ke, CollapsibleRoot as xe, CollapsibleTrigger as Ve, CollapsibleContent as Be, ComboboxRoot as H, ComboboxAnchor as K, ComboboxInput as j, ComboboxTrigger as Ce, ComboboxPortal as we, ComboboxContent as X, ComboboxViewport as J, ComboboxEmpty as Q, ComboboxItem as W, ComboboxItemIndicator as Te, ComboboxGroup as Se, ComboboxLabel as Ae, DialogRoot as Y, DialogTrigger as Z, DialogPortal as ee, DialogOverlay as te, DialogContent as ae, DialogTitle as le, DialogClose as ne, ContextMenuRoot as Me, ContextMenuTrigger as De, ContextMenuPortal as Oe, ContextMenuContent as Pe, ContextMenuCheckboxItem as Re, ContextMenuItemIndicator as oe, ContextMenuItem as qe, ContextMenuLabel as Ue, ContextMenuRadioGroup as Le, ContextMenuRadioItem as Ge, ContextMenuSeparator as ze, ContextMenuSub as Ee, ContextMenuSubTrigger as Fe, ContextMenuSubContent as He, AlertDialogRoot as Ke, AlertDialogTrigger as je, AlertDialogPortal as Xe, AlertDialogOverlay as Je, AlertDialogContent as Qe, AlertDialogTitle as We, AlertDialogDescription as Ye, AlertDialogCancel as Ze, AlertDialogAction as et, DropdownMenuRoot as tt, DropdownMenuTrigger as at, DropdownMenuPortal as lt, DropdownMenuContent as nt, DropdownMenuItem as ot, DropdownMenuSeparator as st, HoverCardRoot as it, HoverCardTrigger as dt, HoverCardPortal as rt, HoverCardContent as ut, NavigationMenuRoot as ct, NavigationMenuList as bt, NavigationMenuItem as ft, NavigationMenuTrigger as mt, NavigationMenuContent as pt, NavigationMenuLink as z, NumberFieldRoot as vt, NumberFieldDecrement as ht, NumberFieldInput as gt, NumberFieldIncrement as _t, PaginationRoot as yt, PaginationPrev as $t, PaginationList as Nt, PaginationListItem as It, PaginationEllipsis as kt, PaginationNext as xt, PinInputRoot as Vt, PinInputInput as Bt, PopoverRoot as Ct, PopoverTrigger as wt, PopoverPortal as Tt, PopoverContent as St, PopoverClose as At, ProgressRoot as Mt, ProgressIndicator as Dt, ScrollAreaRoot as Ot, ScrollAreaViewport as Pt, ScrollAreaScrollbar as Rt, ScrollAreaThumb as qt, DialogDescription as Ut, SelectRoot as Lt, SelectTrigger as Gt, SelectValue as zt, SelectIcon as Et, SelectPortal as Ft, SelectContent as Ht, SelectScrollUpButton as Kt, SelectViewport as jt, SelectScrollDownButton as Xt, SelectItem as Jt, SelectItemText as Qt, SelectItemIndicator as Wt, Separator as Yt, SliderRoot as Zt, SliderTrack as ea, SliderRange as ta, SliderThumb as aa, TagsInputRoot as la, TagsInputItem as na, TagsInputItemText as oa, TagsInputItemDelete as sa, TagsInputInput as ia, ToastProvider as da, ToastRoot as ra, ToastTitle as ua, ToastDescription as ca, ToastClose as ba, ToastViewport as fa, Toggle as ma, ToggleGroupRoot as pa, ToggleGroupItem as va } from "reka-ui";
+function ha(e) {
   return {
-    install(n) {
-      Object.entries(e).forEach(([t, s]) => n.component(t, s));
+    install(o) {
+      Object.entries(e).forEach(([a, s]) => o.component(a, s));
     }
   };
 }
-const gt = /* @__PURE__ */ v({
+const ga = /* @__PURE__ */ h({
   __name: "NbAccordion",
   props: {
     modelValue: {},
@@ -16,24 +16,24 @@ const gt = /* @__PURE__ */ v({
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    const t = n;
-    return (s, l) => (o(), N(a(Z), {
+  setup(e, { emit: o }) {
+    const a = o;
+    return (s, l) => (n(), y(t(ve), {
       class: "nb-root nb-accordion",
       type: "single",
       "model-value": e.modelValue,
       "default-value": e.defaultValue,
       collapsible: e.collapsible,
       disabled: e.disabled,
-      "onUpdate:modelValue": l[0] || (l[0] = (b) => t("update:modelValue", b))
+      "onUpdate:modelValue": l[0] || (l[0] = (b) => a("update:modelValue", b))
     }, {
-      default: u(() => [
+      default: d(() => [
         _(s.$slots, "default")
       ]),
       _: 3
     }, 8, ["model-value", "default-value", "collapsible", "disabled"]));
   }
-}), _t = { class: "nb-accordion__body" }, yt = /* @__PURE__ */ v({
+}), _a = { class: "nb-accordion__body" }, ya = /* @__PURE__ */ h({
   __name: "NbAccordionItem",
   props: {
     value: {},
@@ -41,24 +41,24 @@ const gt = /* @__PURE__ */ v({
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (n, t) => (o(), N(a(ee), {
+    return (o, a) => (n(), y(t(he), {
       class: "nb-accordion__item",
       value: e.value,
       disabled: e.disabled
     }, {
-      default: u(() => [
-        m(a(te), { class: "nb-accordion__header" }, {
-          default: u(() => [
-            m(a(ae), { class: "nb-accordion__trigger" }, {
-              default: u(() => [
-                c("span", null, p(e.title), 1),
-                t[0] || (t[0] = c("svg", {
+      default: d(() => [
+        c(t(ge), { class: "nb-accordion__header" }, {
+          default: d(() => [
+            c(t(_e), { class: "nb-accordion__trigger" }, {
+              default: d(() => [
+                f("span", null, p(e.title), 1),
+                a[0] || (a[0] = f("svg", {
                   class: "nb-accordion__icon",
                   viewBox: "0 0 16 16",
                   "aria-hidden": "true",
                   focusable: "false"
                 }, [
-                  c("path", { d: "m3 6 5 5 5-5" })
+                  f("path", { d: "m3 6 5 5 5-5" })
                 ], -1))
               ]),
               _: 1
@@ -66,10 +66,10 @@ const gt = /* @__PURE__ */ v({
           ]),
           _: 1
         }),
-        m(a(le), { class: "nb-accordion__content" }, {
-          default: u(() => [
-            c("div", _t, [
-              _(n.$slots, "default")
+        c(t(ye), { class: "nb-accordion__content" }, {
+          default: d(() => [
+            f("div", _a, [
+              _(o.$slots, "default")
             ])
           ]),
           _: 3
@@ -78,41 +78,41 @@ const gt = /* @__PURE__ */ v({
       _: 3
     }, 8, ["value", "disabled"]));
   }
-}), $t = /* @__PURE__ */ v({
+}), $a = /* @__PURE__ */ h({
   __name: "NbAspectRatio",
   props: {
     ratio: { default: 1 }
   },
   setup(e) {
-    return (n, t) => (o(), N(a(ne), {
+    return (o, a) => (n(), y(t($e), {
       class: "nb-root nb-aspect-ratio",
       ratio: e.ratio
     }, {
-      default: u(() => [
-        _(n.$slots, "default")
+      default: d(() => [
+        _(o.$slots, "default")
       ]),
       _: 3
     }, 8, ["ratio"]));
   }
 });
-function C(...e) {
+function O(...e) {
   return e.filter(Boolean).join(" ");
 }
-const Nt = /* @__PURE__ */ v({
+const Na = /* @__PURE__ */ h({
   __name: "NbBadge",
   props: {
     tone: { default: "primary" },
     size: { default: "md" }
   },
   setup(e) {
-    const n = e, t = $(() => C(`nb-badge--${n.tone}`, `nb-badge--${n.size}`));
-    return (s, l) => (o(), i("span", {
-      class: B(["nb-root nb-badge", t.value])
+    const o = e, a = N(() => O(`nb-badge--${o.tone}`, `nb-badge--${o.size}`));
+    return (s, l) => (n(), u("span", {
+      class: x(["nb-root nb-badge", a.value])
     }, [
       _(s.$slots, "default")
     ], 2));
   }
-}), kt = /* @__PURE__ */ v({
+}), Ia = /* @__PURE__ */ h({
   __name: "NbAvatar",
   props: {
     name: {},
@@ -121,26 +121,26 @@ const Nt = /* @__PURE__ */ v({
     tone: { default: "primary" }
   },
   setup(e) {
-    const n = e, t = $(() => n.name.trim().split(/\s+/).slice(0, 2).map((s) => s[0]?.toUpperCase()).join(""));
-    return (s, l) => (o(), N(a(oe), {
-      class: B(["nb-root nb-avatar", [`nb-avatar--${e.size}`, `nb-avatar--${e.tone}`]]),
+    const o = e, a = N(() => o.name.trim().split(/\s+/).slice(0, 2).map((s) => s[0]?.toUpperCase()).join(""));
+    return (s, l) => (n(), y(t(Ne), {
+      class: x(["nb-root nb-avatar", [`nb-avatar--${e.size}`, `nb-avatar--${e.tone}`]]),
       role: "img",
       "aria-label": e.name
     }, {
-      default: u(() => [
-        e.src ? (o(), N(a(se), {
+      default: d(() => [
+        e.src ? (n(), y(t(Ie), {
           key: 0,
           class: "nb-avatar__image",
           src: e.src,
           alt: "",
           "aria-hidden": "true"
-        }, null, 8, ["src"])) : h("", !0),
-        m(a(ie), {
+        }, null, 8, ["src"])) : g("", !0),
+        c(t(ke), {
           class: "nb-avatar__fallback",
           "aria-hidden": "true"
         }, {
-          default: u(() => [
-            V(p(t.value), 1)
+          default: d(() => [
+            I(p(a.value), 1)
           ]),
           _: 1
         })
@@ -148,46 +148,46 @@ const Nt = /* @__PURE__ */ v({
       _: 1
     }, 8, ["class", "aria-label"]));
   }
-}), It = ["aria-label"], Bt = ["href"], Vt = ["aria-current"], wt = {
+}), ka = ["aria-label"], xa = ["href"], Va = ["aria-current"], Ba = {
   key: 2,
   class: "nb-breadcrumbs__separator",
   viewBox: "0 0 16 16",
   "aria-hidden": "true",
   focusable: "false"
-}, xt = /* @__PURE__ */ v({
+}, Ca = /* @__PURE__ */ h({
   __name: "NbBreadcrumbs",
   props: {
     items: {},
     label: { default: "Breadcrumb" }
   },
   setup(e) {
-    return (n, t) => (o(), i("nav", {
+    return (o, a) => (n(), u("nav", {
       class: "nb-root nb-breadcrumbs",
       "aria-label": e.label
     }, [
-      c("ol", null, [
-        (o(!0), i(P, null, D(e.items, (s, l) => (o(), i("li", {
+      f("ol", null, [
+        (n(!0), u(B, null, T(e.items, (s, l) => (n(), u("li", {
           key: `${s.label}-${l}`
         }, [
-          s.href && l < e.items.length - 1 ? (o(), i("a", {
+          s.href && l < e.items.length - 1 ? (n(), u("a", {
             key: 0,
             href: s.href
-          }, p(s.label), 9, Bt)) : (o(), i("span", {
+          }, p(s.label), 9, xa)) : (n(), u("span", {
             key: 1,
             "aria-current": l === e.items.length - 1 ? "page" : void 0
-          }, p(s.label), 9, Vt)),
-          l < e.items.length - 1 ? (o(), i("svg", wt, [...t[0] || (t[0] = [
-            c("path", { d: "m6 3 5 5-5 5" }, null, -1)
-          ])])) : h("", !0)
+          }, p(s.label), 9, Va)),
+          l < e.items.length - 1 ? (n(), u("svg", Ba, [...a[0] || (a[0] = [
+            f("path", { d: "m6 3 5 5-5 5" }, null, -1)
+          ])])) : g("", !0)
         ]))), 128))
       ])
-    ], 8, It));
+    ], 8, ka));
   }
-}), St = ["type", "disabled", "aria-busy"], Tt = {
+}), wa = ["type", "disabled", "aria-busy"], Ta = {
   key: 0,
   class: "nb-button__loader",
   "aria-hidden": "true"
-}, At = /* @__PURE__ */ v({
+}, Sa = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "NbButton",
   props: {
@@ -198,46 +198,46 @@ const Nt = /* @__PURE__ */ v({
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const n = e, t = $(() => C(
-      `nb-button--${n.variant}`,
-      `nb-button--${n.size}`,
-      n.loading && "is-loading"
+    const o = e, a = N(() => O(
+      `nb-button--${o.variant}`,
+      `nb-button--${o.size}`,
+      o.loading && "is-loading"
     ));
-    return (s, l) => (o(), i("button", k(s.$attrs, {
-      class: ["nb-root nb-button", t.value],
+    return (s, l) => (n(), u("button", k(s.$attrs, {
+      class: ["nb-root nb-button", a.value],
       type: e.type,
       disabled: e.disabled || e.loading,
       "aria-busy": e.loading || void 0
     }), [
-      e.loading ? (o(), i("span", Tt, "✦")) : h("", !0),
-      c("span", null, [
+      e.loading ? (n(), u("span", Ta, "✦")) : g("", !0),
+      f("span", null, [
         _(s.$slots, "default")
       ])
-    ], 16, St));
+    ], 16, wa));
   }
-}), Ct = ["aria-label", "data-orientation"], Pt = /* @__PURE__ */ v({
+}), Aa = ["aria-label", "data-orientation"], Ma = /* @__PURE__ */ h({
   __name: "NbButtonGroup",
   props: {
     orientation: { default: "horizontal" },
     label: {}
   },
   setup(e) {
-    return (n, t) => (o(), i("div", {
+    return (o, a) => (n(), u("div", {
       class: "nb-root nb-button-group",
       role: "group",
       "aria-label": e.label,
       "data-orientation": e.orientation
     }, [
-      _(n.$slots, "default")
-    ], 8, Ct));
+      _(o.$slots, "default")
+    ], 8, Aa));
   }
-}), Dt = {
+}), Da = {
   key: 0,
   class: "nb-card__header"
-}, Mt = { class: "nb-card__body" }, Rt = {
+}, Oa = { class: "nb-card__body" }, Pa = {
   key: 1,
   class: "nb-card__footer"
-}, qt = /* @__PURE__ */ v({
+}, Ra = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "NbCard",
   props: {
@@ -245,41 +245,41 @@ const Nt = /* @__PURE__ */ v({
     interactive: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const n = e, t = $(() => C(
-      `nb-card--${n.tone}`,
-      n.interactive && "nb-card--interactive"
+    const o = e, a = N(() => O(
+      `nb-card--${o.tone}`,
+      o.interactive && "nb-card--interactive"
     ));
-    return (s, l) => (o(), i("article", k(s.$attrs, {
-      class: ["nb-root nb-card", t.value]
+    return (s, l) => (n(), u("article", k(s.$attrs, {
+      class: ["nb-root nb-card", a.value]
     }), [
-      s.$slots.header ? (o(), i("header", Dt, [
+      s.$slots.header ? (n(), u("header", Da, [
         _(s.$slots, "header")
-      ])) : h("", !0),
-      c("div", Mt, [
+      ])) : g("", !0),
+      f("div", Oa, [
         _(s.$slots, "default")
       ]),
-      s.$slots.footer ? (o(), i("footer", Rt, [
+      s.$slots.footer ? (n(), u("footer", Pa, [
         _(s.$slots, "footer")
-      ])) : h("", !0)
+      ])) : g("", !0)
     ], 16));
   }
 });
-let L = 0;
-function S(e = "nb") {
-  return L += 1, `${e}-${L}`;
+let E = 0;
+function M(e = "nb") {
+  return E += 1, `${e}-${E}`;
 }
-function w(e, n) {
-  const t = n ?? S(e);
+function w(e, o) {
+  const a = o ?? M(e);
   return {
-    inputId: t,
-    hintId: `${t}-hint`,
-    errorId: `${t}-error`
+    inputId: a,
+    hintId: `${a}-hint`,
+    errorId: `${a}-error`
   };
 }
-function A(e, n, t, s) {
-  return [e && t, n && s].filter(Boolean).join(" ") || void 0;
+function S(e, o, a, s) {
+  return [e && a, o && s].filter(Boolean).join(" ") || void 0;
 }
-const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkbox__label" }, zt = /* @__PURE__ */ v({
+const qa = ["for"], Ua = ["id", "checked", "disabled"], La = { class: "nb-checkbox__label" }, Ga = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "NbCheckbox",
   props: {
@@ -289,28 +289,73 @@ const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkb
     id: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    const t = e, s = n, l = w("checkbox", t.id);
-    return (b, f) => (o(), i("label", {
+  setup(e, { emit: o }) {
+    const a = e, s = o, l = w("checkbox", a.id);
+    return (b, m) => (n(), u("label", {
       class: "nb-root nb-checkbox",
-      for: a(l).inputId
+      for: t(l).inputId
     }, [
-      c("input", k(b.$attrs, {
-        id: a(l).inputId,
+      f("input", k(b.$attrs, {
+        id: t(l).inputId,
         class: "nb-checkbox__input",
         type: "checkbox",
         checked: e.modelValue,
         disabled: e.disabled,
-        onChange: f[0] || (f[0] = (d) => s("update:modelValue", d.target.checked))
-      }), null, 16, Et),
-      f[1] || (f[1] = c("span", {
+        onChange: m[0] || (m[0] = (i) => s("update:modelValue", i.target.checked))
+      }), null, 16, Ua),
+      m[1] || (m[1] = f("span", {
         class: "nb-checkbox__box",
         "aria-hidden": "true"
       }, "✓", -1)),
-      c("span", Gt, p(e.label), 1)
-    ], 8, Ot));
+      f("span", La, p(e.label), 1)
+    ], 8, qa));
   }
-}), Lt = { class: "nb-root nb-field" }, Ut = ["for"], Ft = ["id"], Kt = ["id"], jt = /* @__PURE__ */ v({
+}), za = { class: "nb-collapsible__body" }, Ea = /* @__PURE__ */ h({
+  __name: "NbCollapsible",
+  props: {
+    title: {},
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:open"],
+  setup(e, { emit: o }) {
+    const a = o;
+    return (s, l) => (n(), y(t(xe), {
+      class: "nb-root nb-collapsible",
+      open: e.open,
+      "default-open": e.defaultOpen,
+      disabled: e.disabled,
+      "onUpdate:open": l[0] || (l[0] = (b) => a("update:open", b))
+    }, {
+      default: d(() => [
+        c(t(Ve), { class: "nb-collapsible__trigger" }, {
+          default: d(() => [
+            f("span", null, p(e.title), 1),
+            l[1] || (l[1] = f("svg", {
+              class: "nb-collapsible__icon",
+              viewBox: "0 0 16 16",
+              "aria-hidden": "true",
+              focusable: "false"
+            }, [
+              f("path", { d: "m3 6 5 5 5-5" })
+            ], -1))
+          ]),
+          _: 1
+        }),
+        c(t(Be), { class: "nb-collapsible__content" }, {
+          default: d(() => [
+            f("div", za, [
+              _(s.$slots, "default")
+            ])
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["open", "default-open", "disabled"]));
+  }
+}), Fa = { class: "nb-root nb-field" }, Ha = ["for"], Ka = ["id"], ja = ["id"], Xa = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "NbCombobox",
   props: {
@@ -327,50 +372,50 @@ const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkb
     id: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    const t = e, s = n, l = w("combobox", t.id), b = $(() => A(t.hint, t.error, l.hintId, l.errorId));
-    function f(r) {
-      return t.options.find((g) => g.value === r)?.label ?? "";
+  setup(e, { emit: o }) {
+    const a = e, s = o, l = w("combobox", a.id), b = N(() => S(a.hint, a.error, l.hintId, l.errorId));
+    function m(r) {
+      return a.options.find((v) => v.value === r)?.label ?? "";
     }
-    function d(r) {
+    function i(r) {
       typeof r == "string" && s("update:modelValue", r);
     }
-    return (r, g) => (o(), i("div", Lt, [
-      e.label ? (o(), i("label", {
+    return (r, v) => (n(), u("div", Fa, [
+      e.label ? (n(), u("label", {
         key: 0,
         class: "nb-field__label",
-        for: a(l).inputId
-      }, p(e.label), 9, Ut)) : h("", !0),
-      m(a(de), {
+        for: t(l).inputId
+      }, p(e.label), 9, Ha)) : g("", !0),
+      c(t(H), {
         "model-value": e.modelValue,
         disabled: e.disabled,
         required: e.required,
         name: e.name,
         "open-on-click": "",
-        "onUpdate:modelValue": d
+        "onUpdate:modelValue": i
       }, {
-        default: u(() => [
-          m(a(re), { class: "nb-combobox__anchor" }, {
-            default: u(() => [
-              m(a(ue), k(r.$attrs, {
-                id: a(l).inputId,
+        default: d(() => [
+          c(t(K), { class: "nb-combobox__anchor" }, {
+            default: d(() => [
+              c(t(j), k(r.$attrs, {
+                id: t(l).inputId,
                 class: "nb-combobox__input",
-                "display-value": f,
+                "display-value": m,
                 placeholder: e.placeholder,
                 "aria-invalid": e.error ? "true" : void 0,
                 "aria-describedby": b.value
               }), null, 16, ["id", "placeholder", "aria-invalid", "aria-describedby"]),
-              m(a(ce), {
+              c(t(Ce), {
                 class: "nb-combobox__trigger",
                 "aria-label": "Show options"
               }, {
-                default: u(() => [...g[0] || (g[0] = [
-                  c("svg", {
+                default: d(() => [...v[0] || (v[0] = [
+                  f("svg", {
                     viewBox: "0 0 16 16",
                     "aria-hidden": "true",
                     focusable: "false"
                   }, [
-                    c("path", { d: "m3 6 5 5 5-5" })
+                    f("path", { d: "m3 6 5 5 5-5" })
                   ], -1)
                 ])]),
                 _: 1
@@ -378,43 +423,43 @@ const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkb
             ]),
             _: 1
           }),
-          m(a(be), null, {
-            default: u(() => [
-              m(a(fe), {
+          c(t(we), null, {
+            default: d(() => [
+              c(t(X), {
                 class: "nb-root nb-combobox__content",
                 position: "popper",
                 align: "start",
                 "side-offset": 5
               }, {
-                default: u(() => [
-                  m(a(me), { class: "nb-combobox__viewport" }, {
-                    default: u(() => [
-                      m(a(pe), { class: "nb-combobox__empty" }, {
-                        default: u(() => [
-                          V(p(e.emptyText), 1)
+                default: d(() => [
+                  c(t(J), { class: "nb-combobox__viewport" }, {
+                    default: d(() => [
+                      c(t(Q), { class: "nb-combobox__empty" }, {
+                        default: d(() => [
+                          I(p(e.emptyText), 1)
                         ]),
                         _: 1
                       }),
-                      (o(!0), i(P, null, D(e.options, (y) => (o(), N(a(he), {
-                        key: y.value,
+                      (n(!0), u(B, null, T(e.options, ($) => (n(), y(t(W), {
+                        key: $.value,
                         class: "nb-combobox__item",
-                        value: y.value,
-                        "text-value": y.label,
-                        disabled: y.disabled,
-                        "data-value": y.value
+                        value: $.value,
+                        "text-value": $.label,
+                        disabled: $.disabled,
+                        "data-value": $.value
                       }, {
-                        default: u(() => [
-                          c("span", null, p(y.label), 1),
-                          m(a(ve), {
+                        default: d(() => [
+                          f("span", null, p($.label), 1),
+                          c(t(Te), {
                             class: "nb-combobox__indicator",
                             "aria-hidden": "true"
                           }, {
-                            default: u(() => [...g[1] || (g[1] = [
-                              c("svg", {
+                            default: d(() => [...v[1] || (v[1] = [
+                              f("svg", {
                                 viewBox: "0 0 16 16",
                                 focusable: "false"
                               }, [
-                                c("path", { d: "m3 8 3 3 7-7" })
+                                f("path", { d: "m3 8 3 3 7-7" })
                               ], -1)
                             ])]),
                             _: 1
@@ -434,19 +479,425 @@ const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkb
         ]),
         _: 1
       }, 8, ["model-value", "disabled", "required", "name"]),
-      e.hint ? (o(), i("span", {
+      e.hint ? (n(), u("span", {
         key: 1,
-        id: a(l).hintId,
+        id: t(l).hintId,
         class: "nb-field__hint"
-      }, p(e.hint), 9, Ft)) : h("", !0),
-      e.error ? (o(), i("span", {
+      }, p(e.hint), 9, Ka)) : g("", !0),
+      e.error ? (n(), u("span", {
         key: 2,
-        id: a(l).errorId,
+        id: t(l).errorId,
         class: "nb-field__error"
-      }, p(e.error), 9, Kt)) : h("", !0)
+      }, p(e.error), 9, ja)) : g("", !0)
     ]));
   }
-}), Ht = { class: "nb-alert__content" }, Jt = { key: 0 }, Xt = /* @__PURE__ */ v({
+}), Ja = {
+  key: 0,
+  class: "nb-command__shortcut",
+  "aria-hidden": "true"
+}, F = /* @__PURE__ */ h({
+  __name: "NbCommandPanel",
+  props: {
+    modelValue: { default: "" },
+    options: {},
+    label: {},
+    placeholder: {},
+    emptyText: {}
+  },
+  emits: ["update:modelValue", "select"],
+  setup(e, { emit: o }) {
+    const a = e, s = o, l = N(() => {
+      const m = /* @__PURE__ */ new Map();
+      for (const i of a.options) {
+        const r = i.group ?? "";
+        m.set(r, [...m.get(r) ?? [], i]);
+      }
+      return Array.from(m, ([i, r]) => ({ label: i, options: r }));
+    });
+    function b(m) {
+      if (typeof m != "string") return;
+      const i = a.options.find((r) => r.value === m);
+      i && (s("update:modelValue", m), s("select", i));
+    }
+    return (m, i) => (n(), y(t(H), {
+      class: "nb-command",
+      "model-value": e.modelValue,
+      open: !0,
+      "reset-search-term-on-select": !1,
+      "onUpdate:modelValue": b
+    }, {
+      default: d(() => [
+        c(t(K), { class: "nb-command__search" }, {
+          default: d(() => [
+            i[0] || (i[0] = f("svg", {
+              viewBox: "0 0 20 20",
+              "aria-hidden": "true",
+              focusable: "false"
+            }, [
+              f("circle", {
+                cx: "8.5",
+                cy: "8.5",
+                r: "5.5"
+              }),
+              f("path", { d: "m13 13 4 4" })
+            ], -1)),
+            c(t(j), {
+              class: "nb-command__input",
+              "aria-label": e.label,
+              placeholder: e.placeholder,
+              "display-value": () => ""
+            }, null, 8, ["aria-label", "placeholder"])
+          ]),
+          _: 1
+        }),
+        c(t(X), { class: "nb-command__content" }, {
+          default: d(() => [
+            c(t(J), { class: "nb-command__viewport" }, {
+              default: d(() => [
+                c(t(Q), { class: "nb-command__empty" }, {
+                  default: d(() => [
+                    I(p(e.emptyText), 1)
+                  ]),
+                  _: 1
+                }),
+                (n(!0), u(B, null, T(l.value, (r) => (n(), y(t(Se), {
+                  key: r.label || "default",
+                  class: "nb-command__group"
+                }, {
+                  default: d(() => [
+                    r.label ? (n(), y(t(Ae), {
+                      key: 0,
+                      class: "nb-command__group-label"
+                    }, {
+                      default: d(() => [
+                        I(p(r.label), 1)
+                      ]),
+                      _: 2
+                    }, 1024)) : g("", !0),
+                    (n(!0), u(B, null, T(r.options, (v) => (n(), y(t(W), {
+                      key: v.value,
+                      class: "nb-command__item",
+                      value: v.value,
+                      "text-value": [v.label, ...v.keywords ?? []].join(" "),
+                      disabled: v.disabled,
+                      "data-value": v.value
+                    }, {
+                      default: d(() => [
+                        f("span", null, p(v.label), 1),
+                        v.shortcut ? (n(), u("span", Ja, p(v.shortcut), 1)) : g("", !0)
+                      ]),
+                      _: 2
+                    }, 1032, ["value", "text-value", "disabled", "data-value"]))), 128))
+                  ]),
+                  _: 2
+                }, 1024))), 128))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["model-value"]));
+  }
+}), Qa = { class: "nb-command-dialog__header" }, Wa = /* @__PURE__ */ h({
+  __name: "NbCommand",
+  props: {
+    modelValue: { default: "" },
+    options: {},
+    label: { default: "Command menu" },
+    placeholder: { default: "Type a command or search…" },
+    emptyText: { default: "No commands found" },
+    dialog: { type: Boolean, default: !1 },
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "update:open", "select"],
+  setup(e, { emit: o }) {
+    const a = e, s = o, l = C(a.open ?? a.defaultOpen), b = N(() => a.open ?? l.value);
+    A(() => a.open, (r) => {
+      r !== void 0 && (l.value = r);
+    });
+    function m(r) {
+      l.value = r, s("update:open", r);
+    }
+    function i(r) {
+      s("select", r), a.dialog && m(!1);
+    }
+    return (r, v) => e.dialog ? (n(), y(t(Y), {
+      key: 0,
+      open: b.value,
+      "onUpdate:open": m
+    }, {
+      default: d(() => [
+        c(t(Z), { class: "nb-root nb-overlay-trigger" }, {
+          default: d(() => [
+            _(r.$slots, "trigger")
+          ]),
+          _: 3
+        }),
+        c(t(ee), null, {
+          default: d(() => [
+            c(t(te), { class: "nb-root nb-command-dialog__overlay" }),
+            c(t(ae), {
+              "aria-describedby": void 0,
+              class: "nb-root nb-command-dialog"
+            }, {
+              default: d(() => [
+                f("header", Qa, [
+                  c(t(le), { class: "nb-command-dialog__title" }, {
+                    default: d(() => [
+                      I(p(e.label), 1)
+                    ]),
+                    _: 1
+                  }),
+                  c(t(ne), {
+                    class: "nb-overlay-close",
+                    "aria-label": "Close command menu"
+                  }, {
+                    default: d(() => [...v[2] || (v[2] = [
+                      I("×", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                c(F, {
+                  "model-value": e.modelValue,
+                  options: e.options,
+                  label: e.label,
+                  placeholder: e.placeholder,
+                  "empty-text": e.emptyText,
+                  "onUpdate:modelValue": v[0] || (v[0] = ($) => s("update:modelValue", $)),
+                  onSelect: i
+                }, null, 8, ["model-value", "options", "label", "placeholder", "empty-text"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 3
+    }, 8, ["open"])) : (n(), y(F, {
+      key: 1,
+      class: "nb-root",
+      "model-value": e.modelValue,
+      options: e.options,
+      label: e.label,
+      placeholder: e.placeholder,
+      "empty-text": e.emptyText,
+      "onUpdate:modelValue": v[1] || (v[1] = ($) => s("update:modelValue", $)),
+      onSelect: i
+    }, null, 8, ["model-value", "options", "label", "placeholder", "empty-text"]));
+  }
+}), Ya = /* @__PURE__ */ h({
+  __name: "NbContextMenu",
+  props: {
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: !1 }
+  },
+  emits: ["update:open"],
+  setup(e, { emit: o }) {
+    const a = e, s = o, l = C(a.open ?? a.defaultOpen), b = N(() => a.open ?? l.value);
+    A(() => a.open, (i) => {
+      i !== void 0 && (l.value = i);
+    });
+    function m(i) {
+      l.value = i, s("update:open", i);
+    }
+    return (i, r) => (n(), y(t(Me), {
+      open: b.value,
+      "onUpdate:open": m
+    }, {
+      default: d(() => [
+        c(t(De), { "as-child": "" }, {
+          default: d(() => [
+            _(i.$slots, "trigger")
+          ]),
+          _: 3
+        }),
+        c(t(Oe), null, {
+          default: d(() => [
+            c(t(Pe), {
+              class: "nb-root nb-context-menu",
+              "side-offset": 6
+            }, {
+              default: d(() => [
+                _(i.$slots, "default")
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["open"]));
+  }
+}), Za = /* @__PURE__ */ h({
+  __name: "NbContextMenuCheckboxItem",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: o }) {
+    const a = o;
+    return (s, l) => (n(), y(t(Re), {
+      class: "nb-context-menu__item nb-context-menu__item--choice",
+      "model-value": e.modelValue,
+      disabled: e.disabled,
+      "onUpdate:modelValue": l[0] || (l[0] = (b) => a("update:modelValue", b))
+    }, {
+      default: d(() => [
+        c(t(oe), {
+          class: "nb-context-menu__indicator",
+          "aria-hidden": "true"
+        }, {
+          default: d(() => [...l[1] || (l[1] = [
+            I("✓", -1)
+          ])]),
+          _: 1
+        }),
+        _(s.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["model-value", "disabled"]));
+  }
+}), el = /* @__PURE__ */ h({
+  __name: "NbContextMenuItem",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    destructive: { type: Boolean, default: !1 }
+  },
+  emits: ["select"],
+  setup(e, { emit: o }) {
+    const a = o;
+    return (s, l) => (n(), y(t(qe), {
+      class: x(["nb-context-menu__item", { "nb-context-menu__item--destructive": e.destructive }]),
+      disabled: e.disabled,
+      onSelect: l[0] || (l[0] = (b) => a("select", b))
+    }, {
+      default: d(() => [
+        _(s.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class", "disabled"]));
+  }
+}), tl = /* @__PURE__ */ h({
+  __name: "NbContextMenuLabel",
+  setup(e) {
+    return (o, a) => (n(), y(t(Ue), { class: "nb-context-menu__label" }, {
+      default: d(() => [
+        _(o.$slots, "default")
+      ]),
+      _: 3
+    }));
+  }
+}), al = /* @__PURE__ */ h({
+  __name: "NbContextMenuRadioGroup",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: o }) {
+    const a = o;
+    function s(l) {
+      typeof l == "string" && a("update:modelValue", l);
+    }
+    return (l, b) => (n(), y(t(Le), {
+      "model-value": e.modelValue,
+      "onUpdate:modelValue": s
+    }, {
+      default: d(() => [
+        _(l.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["model-value"]));
+  }
+}), ll = /* @__PURE__ */ h({
+  __name: "NbContextMenuRadioItem",
+  props: {
+    value: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    return (o, a) => (n(), y(t(Ge), {
+      class: "nb-context-menu__item nb-context-menu__item--choice",
+      value: e.value,
+      disabled: e.disabled
+    }, {
+      default: d(() => [
+        c(t(oe), {
+          class: "nb-context-menu__indicator",
+          "aria-hidden": "true"
+        }, {
+          default: d(() => [...a[0] || (a[0] = [
+            I("●", -1)
+          ])]),
+          _: 1
+        }),
+        _(o.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["value", "disabled"]));
+  }
+}), nl = /* @__PURE__ */ h({
+  __name: "NbContextMenuSeparator",
+  setup(e) {
+    return (o, a) => (n(), y(t(ze), { class: "nb-context-menu__separator" }));
+  }
+}), ol = (e, o) => {
+  const a = e.__vccOpts || e;
+  for (const [s, l] of o)
+    a[s] = l;
+  return a;
+}, sl = {}, il = {
+  class: "nb-context-menu__shortcut",
+  "aria-hidden": "true"
+};
+function dl(e, o) {
+  return n(), u("span", il, [
+    _(e.$slots, "default")
+  ]);
+}
+const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
+  __name: "NbContextMenuSub",
+  props: {
+    label: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    return (o, a) => (n(), y(t(Ee), null, {
+      default: d(() => [
+        c(t(Fe), {
+          class: "nb-context-menu__item",
+          disabled: e.disabled
+        }, {
+          default: d(() => [
+            I(p(e.label) + " ", 1),
+            a[0] || (a[0] = f("span", {
+              class: "nb-context-menu__shortcut",
+              "aria-hidden": "true"
+            }, "›", -1))
+          ]),
+          _: 1
+        }, 8, ["disabled"]),
+        c(t(He), {
+          class: "nb-root nb-context-menu",
+          "side-offset": 6
+        }, {
+          default: d(() => [
+            _(o.$slots, "default")
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }));
+  }
+}), cl = { class: "nb-alert__content" }, bl = { key: 0 }, fl = /* @__PURE__ */ h({
   __name: "NbAlert",
   props: {
     tone: { default: "info" },
@@ -454,35 +905,113 @@ const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkb
     dismissible: { type: Boolean, default: !1 }
   },
   emits: ["dismiss"],
-  setup(e, { emit: n }) {
-    const t = e, s = n, l = x(!1), b = $(() => C(`nb-alert--${t.tone}`));
-    function f() {
+  setup(e, { emit: o }) {
+    const a = e, s = o, l = C(!1), b = N(() => O(`nb-alert--${a.tone}`));
+    function m() {
       l.value = !0, s("dismiss");
     }
-    return (d, r) => l.value ? h("", !0) : (o(), i("div", {
+    return (i, r) => l.value ? g("", !0) : (n(), u("div", {
       key: 0,
-      class: B(["nb-root nb-alert", b.value]),
+      class: x(["nb-root nb-alert", b.value]),
       role: "alert"
     }, [
-      c("div", Ht, [
-        e.title ? (o(), i("strong", Jt, p(e.title), 1)) : h("", !0),
-        c("span", null, [
-          _(d.$slots, "default")
+      f("div", cl, [
+        e.title ? (n(), u("strong", bl, p(e.title), 1)) : g("", !0),
+        f("span", null, [
+          _(i.$slots, "default")
         ])
       ]),
-      e.dismissible ? (o(), i("button", {
+      e.dismissible ? (n(), u("button", {
         key: 0,
         class: "nb-alert__close",
         type: "button",
         "aria-label": "Dismiss",
-        onClick: f
-      }, "×")) : h("", !0)
+        onClick: m
+      }, "×")) : g("", !0)
     ], 2));
   }
-}), Qt = { class: "nb-dialog__header" }, Wt = { class: "nb-dialog__body" }, Yt = {
+}), ml = { class: "nb-alert-dialog__actions" }, pl = /* @__PURE__ */ h({
+  __name: "NbAlertDialog",
+  props: {
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: !1 },
+    title: {},
+    description: {},
+    actionLabel: { default: "Continue" },
+    cancelLabel: { default: "Cancel" },
+    destructive: { type: Boolean, default: !1 }
+  },
+  emits: ["update:open", "action", "cancel"],
+  setup(e, { emit: o }) {
+    const a = e, s = o, l = C(a.open ?? a.defaultOpen), b = N(() => a.open ?? l.value);
+    A(() => a.open, (i) => {
+      i !== void 0 && (l.value = i);
+    });
+    function m(i) {
+      l.value = i, s("update:open", i);
+    }
+    return (i, r) => (n(), y(t(Ke), {
+      open: b.value,
+      "onUpdate:open": m
+    }, {
+      default: d(() => [
+        c(t(je), { class: "nb-root nb-overlay-trigger" }, {
+          default: d(() => [
+            _(i.$slots, "trigger")
+          ]),
+          _: 3
+        }),
+        c(t(Xe), null, {
+          default: d(() => [
+            c(t(Je), { class: "nb-root nb-alert-dialog__overlay" }),
+            c(t(Qe), { class: "nb-root nb-alert-dialog" }, {
+              default: d(() => [
+                c(t(We), { class: "nb-alert-dialog__title" }, {
+                  default: d(() => [
+                    I(p(e.title), 1)
+                  ]),
+                  _: 1
+                }),
+                c(t(Ye), { class: "nb-alert-dialog__description" }, {
+                  default: d(() => [
+                    I(p(e.description), 1)
+                  ]),
+                  _: 1
+                }),
+                f("div", ml, [
+                  c(t(Ze), {
+                    class: "nb-alert-dialog__button nb-alert-dialog__button--cancel",
+                    onClick: r[0] || (r[0] = (v) => s("cancel"))
+                  }, {
+                    default: d(() => [
+                      I(p(e.cancelLabel), 1)
+                    ]),
+                    _: 1
+                  }),
+                  c(t(et), {
+                    class: x(["nb-alert-dialog__button", { "nb-alert-dialog__button--destructive": e.destructive }]),
+                    onClick: r[1] || (r[1] = (v) => s("action"))
+                  }, {
+                    default: d(() => [
+                      I(p(e.actionLabel), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["class"])
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 3
+    }, 8, ["open"]));
+  }
+}), vl = { class: "nb-dialog__header" }, hl = { class: "nb-dialog__body" }, gl = {
   key: 0,
   class: "nb-dialog__footer"
-}, Zt = /* @__PURE__ */ v({
+}, _l = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "NbDialog",
   props: {
@@ -491,68 +1020,68 @@ const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkb
     closeOnBackdrop: { type: Boolean, default: !0 }
   },
   emits: ["update:open", "close"],
-  setup(e, { emit: n }) {
-    const t = e, s = n, b = `${S("dialog")}-title`, f = x(null), d = x(null);
+  setup(e, { emit: o }) {
+    const a = e, s = o, b = `${M("dialog")}-title`, m = C(null), i = C(null);
     function r() {
       s("update:open", !1), s("close");
     }
-    function g() {
-      return Array.from(f.value?.querySelectorAll(
+    function v() {
+      return Array.from(m.value?.querySelectorAll(
         'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'
       ) ?? []);
     }
-    function y(I) {
-      if (I.key === "Escape") {
-        I.preventDefault(), r();
+    function $(V) {
+      if (V.key === "Escape") {
+        V.preventDefault(), r();
         return;
       }
-      if (I.key !== "Tab") return;
-      const T = g();
-      if (!T.length) return;
-      const q = T[0], z = T[T.length - 1];
-      I.shiftKey && document.activeElement === q ? (I.preventDefault(), z.focus()) : !I.shiftKey && document.activeElement === z && (I.preventDefault(), q.focus());
+      if (V.key !== "Tab") return;
+      const D = v();
+      if (!D.length) return;
+      const R = D[0], G = D[D.length - 1];
+      V.shiftKey && document.activeElement === R ? (V.preventDefault(), G.focus()) : !V.shiftKey && document.activeElement === G && (V.preventDefault(), R.focus());
     }
-    function R() {
-      d.value = document.activeElement instanceof HTMLElement ? document.activeElement : null, document.addEventListener("keydown", y), j(() => (g()[0] ?? f.value)?.focus());
+    function P() {
+      i.value = document.activeElement instanceof HTMLElement ? document.activeElement : null, document.addEventListener("keydown", $), re(() => (v()[0] ?? m.value)?.focus());
     }
-    function G() {
-      document.removeEventListener("keydown", y), d.value?.focus(), d.value = null;
+    function L() {
+      document.removeEventListener("keydown", $), i.value?.focus(), i.value = null;
     }
-    return M(() => t.open, (I) => {
-      I ? R() : G();
-    }, { immediate: !0 }), F(G), (I, T) => e.open ? (o(), i("div", {
+    return A(() => a.open, (V) => {
+      V ? P() : L();
+    }, { immediate: !0 }), ie(L), (V, D) => e.open ? (n(), u("div", {
       key: 0,
       class: "nb-root nb-dialog-layer",
-      onMousedown: T[0] || (T[0] = K((q) => e.closeOnBackdrop && r(), ["self"]))
+      onMousedown: D[0] || (D[0] = de((R) => e.closeOnBackdrop && r(), ["self"]))
     }, [
-      c("section", k(I.$attrs, {
+      f("section", k(V.$attrs, {
         ref_key: "dialogRef",
-        ref: f,
+        ref: m,
         class: "nb-dialog",
         role: "dialog",
         "aria-modal": "true",
         "aria-labelledby": b,
         tabindex: "-1"
       }), [
-        c("header", Qt, [
-          c("h2", { id: b }, p(e.title), 1),
-          c("button", {
+        f("header", vl, [
+          f("h2", { id: b }, p(e.title), 1),
+          f("button", {
             class: "nb-dialog__close",
             type: "button",
             "aria-label": "Close dialog",
             onClick: r
           }, "×")
         ]),
-        c("div", Wt, [
-          _(I.$slots, "default")
+        f("div", hl, [
+          _(V.$slots, "default")
         ]),
-        I.$slots.footer ? (o(), i("footer", Yt, [
-          _(I.$slots, "footer")
-        ])) : h("", !0)
+        V.$slots.footer ? (n(), u("footer", gl, [
+          _(V.$slots, "footer")
+        ])) : g("", !0)
       ], 16)
-    ], 32)) : h("", !0);
+    ], 32)) : g("", !0);
   }
-}), ea = /* @__PURE__ */ v({
+}), yl = /* @__PURE__ */ h({
   __name: "NbDropdownMenu",
   props: {
     open: { type: Boolean, default: void 0 },
@@ -562,47 +1091,47 @@ const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkb
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:open"],
-  setup(e, { emit: n }) {
-    const t = e, s = n, l = x(t.open ?? t.defaultOpen), b = $(() => t.open ?? l.value);
-    M(() => t.open, (d) => {
-      d !== void 0 && (l.value = d);
+  setup(e, { emit: o }) {
+    const a = e, s = o, l = C(a.open ?? a.defaultOpen), b = N(() => a.open ?? l.value);
+    A(() => a.open, (i) => {
+      i !== void 0 && (l.value = i);
     });
-    function f(d) {
-      l.value = d, s("update:open", d);
+    function m(i) {
+      l.value = i, s("update:open", i);
     }
-    return (d, r) => (o(), N(a(ge), {
+    return (i, r) => (n(), y(t(tt), {
       open: b.value,
       "default-open": e.defaultOpen,
-      "onUpdate:open": f
+      "onUpdate:open": m
     }, {
-      default: u(() => [
-        m(a(_e), {
+      default: d(() => [
+        c(t(at), {
           class: "nb-root nb-overlay-trigger",
           "aria-label": e.label,
           disabled: e.disabled
         }, {
-          default: u(() => [
-            _(d.$slots, "trigger"),
-            r[0] || (r[0] = c("svg", {
+          default: d(() => [
+            _(i.$slots, "trigger"),
+            r[0] || (r[0] = f("svg", {
               class: "nb-overlay-trigger__icon",
               viewBox: "0 0 16 16",
               "aria-hidden": "true",
               focusable: "false"
             }, [
-              c("path", { d: "m3 6 5 5 5-5" })
+              f("path", { d: "m3 6 5 5 5-5" })
             ], -1))
           ]),
           _: 3
         }, 8, ["aria-label", "disabled"]),
-        m(a(ye), null, {
-          default: u(() => [
-            m(a($e), {
+        c(t(lt), null, {
+          default: d(() => [
+            c(t(nt), {
               class: "nb-root nb-dropdown-menu",
               align: e.align,
               "side-offset": 8
             }, {
-              default: u(() => [
-                _(d.$slots, "default")
+              default: d(() => [
+                _(i.$slots, "default")
               ]),
               _: 3
             }, 8, ["align"])
@@ -613,65 +1142,65 @@ const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkb
       _: 3
     }, 8, ["open", "default-open"]));
   }
-}), ta = /* @__PURE__ */ v({
+}), $l = /* @__PURE__ */ h({
   __name: "NbDropdownMenuItem",
   props: {
     disabled: { type: Boolean, default: !1 },
     destructive: { type: Boolean, default: !1 }
   },
   emits: ["select"],
-  setup(e, { emit: n }) {
-    const t = n;
-    return (s, l) => (o(), N(a(Ne), {
-      class: B(["nb-dropdown-menu__item", { "nb-dropdown-menu__item--destructive": e.destructive }]),
+  setup(e, { emit: o }) {
+    const a = o;
+    return (s, l) => (n(), y(t(ot), {
+      class: x(["nb-dropdown-menu__item", { "nb-dropdown-menu__item--destructive": e.destructive }]),
       disabled: e.disabled,
-      onSelect: l[0] || (l[0] = (b) => t("select", b))
+      onSelect: l[0] || (l[0] = (b) => a("select", b))
     }, {
-      default: u(() => [
+      default: d(() => [
         _(s.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "disabled"]));
   }
-}), aa = /* @__PURE__ */ v({
+}), Nl = /* @__PURE__ */ h({
   __name: "NbDropdownMenuSeparator",
   setup(e) {
-    return (n, t) => (o(), N(a(ke), { class: "nb-dropdown-menu__separator" }));
+    return (o, a) => (n(), y(t(st), { class: "nb-dropdown-menu__separator" }));
   }
-}), la = ["aria-labelledby"], na = {
+}), Il = ["aria-labelledby"], kl = {
   key: 0,
   class: "nb-empty-state__icon",
   "aria-hidden": "true"
-}, oa = ["id"], sa = { key: 1 }, ia = {
+}, xl = ["id"], Vl = { key: 1 }, Bl = {
   key: 2,
   class: "nb-empty-state__action"
-}, da = /* @__PURE__ */ v({
+}, Cl = /* @__PURE__ */ h({
   __name: "NbEmptyState",
   props: {
     title: {},
     description: {}
   },
   setup(e) {
-    const n = S("empty-state-title");
-    return (t, s) => (o(), i("section", {
+    const o = M("empty-state-title");
+    return (a, s) => (n(), u("section", {
       class: "nb-root nb-empty-state",
       role: "region",
-      "aria-labelledby": a(n)
+      "aria-labelledby": t(o)
     }, [
-      t.$slots.icon ? (o(), i("div", na, [
-        _(t.$slots, "icon")
-      ])) : h("", !0),
-      c("h2", { id: a(n) }, p(e.title), 9, oa),
-      e.description ? (o(), i("p", sa, p(e.description), 1)) : h("", !0),
-      t.$slots.default ? (o(), i("div", ia, [
-        _(t.$slots, "default")
-      ])) : h("", !0)
-    ], 8, la));
-  }
-}), ra = ["disabled", "aria-describedby"], ua = {
+      a.$slots.icon ? (n(), u("div", kl, [
+        _(a.$slots, "icon")
+      ])) : g("", !0),
+      f("h2", { id: t(o) }, p(e.title), 9, xl),
+      e.description ? (n(), u("p", Vl, p(e.description), 1)) : g("", !0),
+      a.$slots.default ? (n(), u("div", Bl, [
+        _(a.$slots, "default")
+      ])) : g("", !0)
+    ], 8, Il));
+  }
+}), wl = ["disabled", "aria-describedby"], Tl = {
   key: 0,
   class: "nb-fieldset__legend"
-}, ca = { class: "nb-fieldset__content" }, ba = /* @__PURE__ */ v({
+}, Sl = { class: "nb-fieldset__content" }, Al = /* @__PURE__ */ h({
   __name: "NbFieldset",
   props: {
     legend: {},
@@ -679,24 +1208,24 @@ const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkb
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const n = `${S("fieldset")}-description`;
-    return (t, s) => (o(), i("fieldset", {
+    const o = `${M("fieldset")}-description`;
+    return (a, s) => (n(), u("fieldset", {
       class: "nb-root nb-fieldset",
       disabled: e.disabled,
-      "aria-describedby": e.description ? n : void 0
+      "aria-describedby": e.description ? o : void 0
     }, [
-      e.legend ? (o(), i("legend", ua, p(e.legend), 1)) : h("", !0),
-      e.description ? (o(), i("p", {
+      e.legend ? (n(), u("legend", Tl, p(e.legend), 1)) : g("", !0),
+      e.description ? (n(), u("p", {
         key: 1,
-        id: n,
+        id: o,
         class: "nb-fieldset__description"
-      }, p(e.description), 1)) : h("", !0),
-      c("div", ca, [
-        _(t.$slots, "default")
+      }, p(e.description), 1)) : g("", !0),
+      f("div", Sl, [
+        _(a.$slots, "default")
       ])
-    ], 8, ra));
+    ], 8, wl));
   }
-}), fa = { class: "nb-root nb-field" }, ma = ["for"], pa = ["id", "value", "disabled", "aria-invalid", "aria-describedby"], ha = ["id"], va = ["id"], ga = /* @__PURE__ */ v({
+}), Ml = { class: "nb-root nb-field" }, Dl = ["for"], Ol = ["id", "value", "disabled", "aria-invalid", "aria-describedby"], Pl = ["id"], Rl = ["id"], ql = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "NbInput",
   props: {
@@ -708,70 +1237,122 @@ const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkb
     id: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    const t = e, s = n, l = w("input", t.id), b = $(() => A(t.hint, t.error, l.hintId, l.errorId));
-    return (f, d) => (o(), i("div", fa, [
-      e.label ? (o(), i("label", {
+  setup(e, { emit: o }) {
+    const a = e, s = o, l = w("input", a.id), b = N(() => S(a.hint, a.error, l.hintId, l.errorId));
+    return (m, i) => (n(), u("div", Ml, [
+      e.label ? (n(), u("label", {
         key: 0,
         class: "nb-field__label",
-        for: a(l).inputId
-      }, p(e.label), 9, ma)) : h("", !0),
-      c("input", k(f.$attrs, {
-        id: a(l).inputId,
+        for: t(l).inputId
+      }, p(e.label), 9, Dl)) : g("", !0),
+      f("input", k(m.$attrs, {
+        id: t(l).inputId,
         class: "nb-field__control",
         value: e.modelValue,
         disabled: e.disabled,
         "aria-invalid": e.error ? "true" : void 0,
         "aria-describedby": b.value,
-        onInput: d[0] || (d[0] = (r) => s("update:modelValue", r.target.value))
-      }), null, 16, pa),
-      e.hint ? (o(), i("span", {
+        onInput: i[0] || (i[0] = (r) => s("update:modelValue", r.target.value))
+      }), null, 16, Ol),
+      e.hint ? (n(), u("span", {
         key: 1,
-        id: a(l).hintId,
+        id: t(l).hintId,
         class: "nb-field__hint"
-      }, p(e.hint), 9, ha)) : h("", !0),
-      e.error ? (o(), i("span", {
+      }, p(e.hint), 9, Pl)) : g("", !0),
+      e.error ? (n(), u("span", {
         key: 2,
-        id: a(l).errorId,
+        id: t(l).errorId,
         class: "nb-field__error"
-      }, p(e.error), 9, va)) : h("", !0)
+      }, p(e.error), 9, Rl)) : g("", !0)
     ]));
   }
-}), _a = { class: "nb-root nb-input-group" }, ya = {
+}), Ul = { class: "nb-root nb-input-group" }, Ll = {
   key: 0,
   class: "nb-input-group__addon"
-}, $a = { class: "nb-input-group__control" }, Na = {
+}, Gl = { class: "nb-input-group__control" }, zl = {
   key: 1,
   class: "nb-input-group__addon"
-}, ka = /* @__PURE__ */ v({
+}, El = /* @__PURE__ */ h({
   __name: "NbInputGroup",
   setup(e) {
-    const n = H();
-    return (t, s) => (o(), i("div", _a, [
-      a(n).start ? (o(), i("span", ya, [
-        _(t.$slots, "start")
-      ])) : h("", !0),
-      c("div", $a, [
-        _(t.$slots, "default")
+    const o = ue();
+    return (a, s) => (n(), u("div", Ul, [
+      t(o).start ? (n(), u("span", Ll, [
+        _(a.$slots, "start")
+      ])) : g("", !0),
+      f("div", Gl, [
+        _(a.$slots, "default")
       ]),
-      a(n).end ? (o(), i("span", Na, [
-        _(t.$slots, "end")
-      ])) : h("", !0)
+      t(o).end ? (n(), u("span", zl, [
+        _(a.$slots, "end")
+      ])) : g("", !0)
     ]));
   }
-}), Ia = /* @__PURE__ */ v({
+}), Fl = /* @__PURE__ */ h({
+  __name: "NbHoverCard",
+  props: {
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: !1 },
+    openDelay: { default: 300 },
+    closeDelay: { default: 150 },
+    align: { default: "center" },
+    side: { default: "bottom" }
+  },
+  emits: ["update:open"],
+  setup(e, { emit: o }) {
+    const a = e, s = o, l = C(a.open ?? a.defaultOpen), b = N(() => a.open ?? l.value);
+    A(() => a.open, (i) => {
+      i !== void 0 && (l.value = i);
+    });
+    function m(i) {
+      l.value = i, s("update:open", i);
+    }
+    return (i, r) => (n(), y(t(it), {
+      open: b.value,
+      "open-delay": e.openDelay,
+      "close-delay": e.closeDelay,
+      "onUpdate:open": m
+    }, {
+      default: d(() => [
+        c(t(dt), { "as-child": "" }, {
+          default: d(() => [
+            _(i.$slots, "trigger")
+          ]),
+          _: 3
+        }),
+        c(t(rt), null, {
+          default: d(() => [
+            c(t(ut), {
+              class: "nb-root nb-hover-card",
+              align: e.align,
+              side: e.side,
+              "side-offset": 8
+            }, {
+              default: d(() => [
+                _(i.$slots, "default")
+              ]),
+              _: 3
+            }, 8, ["align", "side"])
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["open", "open-delay", "close-delay"]));
+  }
+}), Hl = /* @__PURE__ */ h({
   __name: "NbKbd",
   props: {
     size: { default: "md" }
   },
   setup(e) {
-    return (n, t) => (o(), i("kbd", {
-      class: B(["nb-root nb-kbd", `nb-kbd--${e.size}`])
+    return (o, a) => (n(), u("kbd", {
+      class: x(["nb-root nb-kbd", `nb-kbd--${e.size}`])
     }, [
-      _(n.$slots, "default")
+      _(o.$slots, "default")
     ], 2));
   }
-}), Ba = /* @__PURE__ */ v({
+}), Kl = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "NbLink",
   props: {
@@ -779,29 +1360,109 @@ const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkb
     tone: { default: "primary" }
   },
   setup(e) {
-    const n = e, t = $(() => C(`nb-link--${n.tone}`));
-    return (s, l) => (o(), N(J(e.as), k(s.$attrs, {
-      class: ["nb-root nb-link", t.value]
+    const o = e, a = N(() => O(`nb-link--${o.tone}`));
+    return (s, l) => (n(), y(ce(e.as), k(s.$attrs, {
+      class: ["nb-root nb-link", a.value]
     }), {
-      default: u(() => [
+      default: d(() => [
         _(s.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
-}), Va = /* @__PURE__ */ v({
+}), jl = /* @__PURE__ */ h({
   __name: "NbMarker",
   props: {
     tone: { default: "primary" }
   },
   setup(e) {
-    return (n, t) => (o(), i("mark", {
-      class: B(["nb-root nb-marker", `nb-marker--${e.tone}`])
+    return (o, a) => (n(), u("mark", {
+      class: x(["nb-root nb-marker", `nb-marker--${e.tone}`])
     }, [
-      _(n.$slots, "default")
+      _(o.$slots, "default")
     ], 2));
   }
-}), wa = { class: "nb-root nb-field" }, xa = ["for"], Sa = ["id"], Ta = ["id"], Aa = /* @__PURE__ */ v({
+}), Xl = ["href", "target"], Jl = { key: 0 }, Ql = ["href", "target"], Wl = /* @__PURE__ */ h({
+  __name: "NbNavigationMenu",
+  props: {
+    items: {},
+    label: { default: "Main navigation" }
+  },
+  setup(e) {
+    return (o, a) => (n(), y(t(ct), {
+      class: "nb-root nb-navigation-menu",
+      "aria-label": e.label
+    }, {
+      default: d(() => [
+        c(t(bt), { class: "nb-navigation-menu__list" }, {
+          default: d(() => [
+            (n(!0), u(B, null, T(e.items, (s, l) => (n(), y(t(ft), {
+              key: `${l}-${s.label}`,
+              value: `${l}-${s.label}`,
+              class: "nb-navigation-menu__item"
+            }, {
+              default: d(() => [
+                s.children?.length ? (n(), u(B, { key: 0 }, [
+                  c(t(mt), { class: "nb-navigation-menu__trigger" }, {
+                    default: d(() => [
+                      I(p(s.label) + " ", 1),
+                      a[0] || (a[0] = f("svg", {
+                        viewBox: "0 0 16 16",
+                        "aria-hidden": "true",
+                        focusable: "false"
+                      }, [
+                        f("path", { d: "m3 6 5 5 5-5" })
+                      ], -1))
+                    ]),
+                    _: 2
+                  }, 1024),
+                  c(t(pt), { class: "nb-navigation-menu__content" }, {
+                    default: d(() => [
+                      (n(!0), u(B, null, T(s.children, (b) => (n(), y(t(z), {
+                        key: b.label,
+                        "as-child": "",
+                        active: b.active
+                      }, {
+                        default: d(() => [
+                          f("a", {
+                            class: "nb-navigation-menu__link nb-navigation-menu__link--panel",
+                            href: b.href,
+                            target: b.target
+                          }, [
+                            f("strong", null, p(b.label), 1),
+                            b.description ? (n(), u("span", Jl, p(b.description), 1)) : g("", !0)
+                          ], 8, Xl)
+                        ]),
+                        _: 2
+                      }, 1032, ["active"]))), 128))
+                    ]),
+                    _: 2
+                  }, 1024)
+                ], 64)) : (n(), y(t(z), {
+                  key: 1,
+                  "as-child": "",
+                  active: s.active
+                }, {
+                  default: d(() => [
+                    f("a", {
+                      class: "nb-navigation-menu__link",
+                      href: s.href,
+                      target: s.target
+                    }, p(s.label), 9, Ql)
+                  ]),
+                  _: 2
+                }, 1032, ["active"]))
+              ]),
+              _: 2
+            }, 1032, ["value"]))), 128))
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["aria-label"]));
+  }
+}), Yl = { class: "nb-root nb-field" }, Zl = ["for"], en = ["id"], tn = ["id"], an = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "NbNumberInput",
   props: {
@@ -819,15 +1480,15 @@ const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkb
     step: { default: 1 }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    const t = e, s = n, l = w("number-input", t.id), b = $(() => A(t.hint, t.error, l.hintId, l.errorId)), f = $(() => t.label ?? "value");
-    return (d, r) => (o(), i("div", wa, [
-      e.label ? (o(), i("label", {
+  setup(e, { emit: o }) {
+    const a = e, s = o, l = w("number-input", a.id), b = N(() => S(a.hint, a.error, l.hintId, l.errorId)), m = N(() => a.label ?? "value");
+    return (i, r) => (n(), u("div", Yl, [
+      e.label ? (n(), u("label", {
         key: 0,
         class: "nb-field__label",
-        for: a(l).inputId
-      }, p(e.label), 9, xa)) : h("", !0),
-      m(a(Ie), {
+        for: t(l).inputId
+      }, p(e.label), 9, Zl)) : g("", !0),
+      c(t(vt), {
         class: "nb-number-input",
         "model-value": e.modelValue,
         min: e.min,
@@ -837,49 +1498,49 @@ const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkb
         readonly: e.readonly,
         required: e.required,
         name: e.name,
-        "onUpdate:modelValue": r[0] || (r[0] = (g) => s("update:modelValue", g))
+        "onUpdate:modelValue": r[0] || (r[0] = (v) => s("update:modelValue", v))
       }, {
-        default: u(() => [
-          m(a(Be), {
+        default: d(() => [
+          c(t(ht), {
             class: "nb-number-input__button",
-            "aria-label": `Decrease ${f.value}`
+            "aria-label": `Decrease ${m.value}`
           }, {
-            default: u(() => [...r[1] || (r[1] = [
-              V("−", -1)
+            default: d(() => [...r[1] || (r[1] = [
+              I("−", -1)
             ])]),
             _: 1
           }, 8, ["aria-label"]),
-          m(a(Ve), k(d.$attrs, {
-            id: a(l).inputId,
+          c(t(gt), k(i.$attrs, {
+            id: t(l).inputId,
             class: "nb-number-input__input",
             "aria-invalid": e.error ? "true" : void 0,
             "aria-describedby": b.value
           }), null, 16, ["id", "aria-invalid", "aria-describedby"]),
-          m(a(we), {
+          c(t(_t), {
             class: "nb-number-input__button",
-            "aria-label": `Increase ${f.value}`
+            "aria-label": `Increase ${m.value}`
           }, {
-            default: u(() => [...r[2] || (r[2] = [
-              V("+", -1)
+            default: d(() => [...r[2] || (r[2] = [
+              I("+", -1)
             ])]),
             _: 1
           }, 8, ["aria-label"])
         ]),
         _: 1
       }, 8, ["model-value", "min", "max", "step", "disabled", "readonly", "required", "name"]),
-      e.hint ? (o(), i("span", {
+      e.hint ? (n(), u("span", {
         key: 1,
-        id: a(l).hintId,
+        id: t(l).hintId,
         class: "nb-field__hint"
-      }, p(e.hint), 9, Sa)) : h("", !0),
-      e.error ? (o(), i("span", {
+      }, p(e.hint), 9, en)) : g("", !0),
+      e.error ? (n(), u("span", {
         key: 2,
-        id: a(l).errorId,
+        id: t(l).errorId,
         class: "nb-field__error"
-      }, p(e.error), 9, Ta)) : h("", !0)
+      }, p(e.error), 9, tn)) : g("", !0)
     ]));
   }
-}), Ca = /* @__PURE__ */ v({
+}), ln = /* @__PURE__ */ h({
   __name: "NbPagination",
   props: {
     page: {},
@@ -891,9 +1552,9 @@ const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkb
     label: { default: "Pagination" }
   },
   emits: ["update:page"],
-  setup(e, { emit: n }) {
-    const t = n;
-    return (s, l) => (o(), N(a(xe), {
+  setup(e, { emit: o }) {
+    const a = o;
+    return (s, l) => (n(), y(t(yt), {
       class: "nb-root nb-pagination",
       page: e.page,
       "default-page": e.defaultPage,
@@ -903,44 +1564,44 @@ const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkb
       disabled: e.disabled,
       "show-edges": "",
       "aria-label": e.label,
-      "onUpdate:page": l[0] || (l[0] = (b) => t("update:page", b))
+      "onUpdate:page": l[0] || (l[0] = (b) => a("update:page", b))
     }, {
-      default: u(() => [
-        m(a(Se), {
+      default: d(() => [
+        c(t($t), {
           class: "nb-pagination__button",
           "aria-label": "Go to previous page"
         }, {
-          default: u(() => [...l[1] || (l[1] = [
-            c("svg", {
+          default: d(() => [...l[1] || (l[1] = [
+            f("svg", {
               viewBox: "0 0 16 16",
               "aria-hidden": "true",
               focusable: "false"
             }, [
-              c("path", { d: "m10 3-5 5 5 5" })
+              f("path", { d: "m10 3-5 5 5 5" })
             ], -1)
           ])]),
           _: 1
         }),
-        m(a(Te), { class: "nb-pagination__list" }, {
-          default: u(({ items: b }) => [
-            (o(!0), i(P, null, D(b, (f, d) => (o(), i(P, {
-              key: f.type === "page" ? f.value : `ellipsis-${d}`
+        c(t(Nt), { class: "nb-pagination__list" }, {
+          default: d(({ items: b }) => [
+            (n(!0), u(B, null, T(b, (m, i) => (n(), u(B, {
+              key: m.type === "page" ? m.value : `ellipsis-${i}`
             }, [
-              f.type === "page" ? (o(), N(a(Ae), {
+              m.type === "page" ? (n(), y(t(It), {
                 key: 0,
                 class: "nb-pagination__button",
-                value: f.value
+                value: m.value
               }, {
-                default: u(() => [
-                  V(p(f.value), 1)
+                default: d(() => [
+                  I(p(m.value), 1)
                 ]),
                 _: 2
-              }, 1032, ["value"])) : (o(), N(a(Ce), {
+              }, 1032, ["value"])) : (n(), y(t(kt), {
                 key: 1,
                 class: "nb-pagination__ellipsis"
               }, {
-                default: u(() => [...l[2] || (l[2] = [
-                  V("…", -1)
+                default: d(() => [...l[2] || (l[2] = [
+                  I("…", -1)
                 ])]),
                 _: 1
               }))
@@ -948,17 +1609,17 @@ const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkb
           ]),
           _: 1
         }),
-        m(a(Pe), {
+        c(t(xt), {
           class: "nb-pagination__button",
           "aria-label": "Go to next page"
         }, {
-          default: u(() => [...l[3] || (l[3] = [
-            c("svg", {
+          default: d(() => [...l[3] || (l[3] = [
+            f("svg", {
               viewBox: "0 0 16 16",
               "aria-hidden": "true",
               focusable: "false"
             }, [
-              c("path", { d: "m6 3 5 5-5 5" })
+              f("path", { d: "m6 3 5 5-5 5" })
             ], -1)
           ])]),
           _: 1
@@ -967,10 +1628,78 @@ const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkb
       _: 1
     }, 8, ["page", "default-page", "total", "items-per-page", "sibling-count", "disabled", "aria-label"]));
   }
-}), Pa = {
+}), nn = { class: "nb-root nb-field" }, on = ["id"], sn = ["id"], dn = /* @__PURE__ */ h({
+  inheritAttrs: !1,
+  __name: "NbPinInput",
+  props: {
+    modelValue: { default: () => [] },
+    length: { default: 6 },
+    label: {},
+    hint: {},
+    error: {},
+    name: {},
+    id: {},
+    disabled: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    mask: { type: Boolean, default: !1 },
+    otp: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "complete"],
+  setup(e, { emit: o }) {
+    const a = e, s = o, l = w("pin-input", a.id), b = `${l.inputId}-label`, m = N(() => S(a.hint, a.error, l.hintId, l.errorId));
+    function i(r) {
+      r.inputType === "insertText" && r.data && /\D/.test(r.data) && r.preventDefault();
+    }
+    return (r, v) => (n(), u("div", nn, [
+      e.label ? (n(), u("span", {
+        key: 0,
+        id: b,
+        class: "nb-field__label"
+      }, p(e.label), 1)) : g("", !0),
+      c(t(Vt), k(r.$attrs, {
+        class: "nb-pin-input",
+        role: "group",
+        id: t(l).inputId,
+        "model-value": e.modelValue,
+        name: e.name,
+        type: "number",
+        disabled: e.disabled,
+        mask: e.mask,
+        otp: e.otp,
+        "aria-label": e.label ? void 0 : "PIN input",
+        "aria-labelledby": e.label ? b : void 0,
+        "aria-invalid": e.error ? "true" : void 0,
+        "aria-describedby": m.value,
+        "onUpdate:modelValue": v[0] || (v[0] = ($) => s("update:modelValue", $)),
+        onComplete: v[1] || (v[1] = ($) => s("complete", $))
+      }), {
+        default: d(() => [
+          (n(!0), u(B, null, T(e.length, ($) => (n(), y(t(Bt), {
+            key: $,
+            class: "nb-pin-input__digit",
+            index: $ - 1,
+            required: e.required,
+            onBeforeinput: i
+          }, null, 8, ["index", "required"]))), 128))
+        ]),
+        _: 1
+      }, 16, ["id", "model-value", "name", "disabled", "mask", "otp", "aria-label", "aria-labelledby", "aria-invalid", "aria-describedby"]),
+      e.hint ? (n(), u("span", {
+        key: 1,
+        id: t(l).hintId,
+        class: "nb-field__hint"
+      }, p(e.hint), 9, on)) : g("", !0),
+      e.error ? (n(), u("span", {
+        key: 2,
+        id: t(l).errorId,
+        class: "nb-field__error"
+      }, p(e.error), 9, sn)) : g("", !0)
+    ]));
+  }
+}), rn = {
   key: 0,
   class: "nb-popover__header"
-}, Da = ["id"], Ma = { class: "nb-popover__body" }, Ra = /* @__PURE__ */ v({
+}, un = ["id"], cn = { class: "nb-popover__body" }, bn = /* @__PURE__ */ h({
   __name: "NbPopover",
   props: {
     open: { type: Boolean, default: void 0 },
@@ -981,52 +1710,52 @@ const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkb
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:open"],
-  setup(e, { emit: n }) {
-    const t = e, s = n, l = S("popover-title"), b = x(t.open ?? t.defaultOpen), f = $(() => t.open ?? b.value);
-    M(() => t.open, (r) => {
+  setup(e, { emit: o }) {
+    const a = e, s = o, l = M("popover-title"), b = C(a.open ?? a.defaultOpen), m = N(() => a.open ?? b.value);
+    A(() => a.open, (r) => {
       r !== void 0 && (b.value = r);
     });
-    function d(r) {
+    function i(r) {
       b.value = r, s("update:open", r);
     }
-    return (r, g) => (o(), N(a(De), {
-      open: f.value,
+    return (r, v) => (n(), y(t(Ct), {
+      open: m.value,
       "default-open": e.defaultOpen,
-      "onUpdate:open": d
+      "onUpdate:open": i
     }, {
-      default: u(() => [
-        m(a(Me), {
+      default: d(() => [
+        c(t(wt), {
           class: "nb-root nb-overlay-trigger",
           disabled: e.disabled
         }, {
-          default: u(() => [
+          default: d(() => [
             _(r.$slots, "trigger")
           ]),
           _: 3
         }, 8, ["disabled"]),
-        m(a(Re), null, {
-          default: u(() => [
-            m(a(qe), {
+        c(t(Tt), null, {
+          default: d(() => [
+            c(t(St), {
               class: "nb-root nb-popover",
               align: e.align,
               side: e.side,
               "side-offset": 8,
-              "aria-labelledby": e.title ? a(l) : void 0
+              "aria-labelledby": e.title ? t(l) : void 0
             }, {
-              default: u(() => [
-                e.title ? (o(), i("header", Pa, [
-                  c("h2", { id: a(l) }, p(e.title), 9, Da),
-                  m(a(Oe), {
+              default: d(() => [
+                e.title ? (n(), u("header", rn, [
+                  f("h2", { id: t(l) }, p(e.title), 9, un),
+                  c(t(At), {
                     class: "nb-overlay-close",
                     "aria-label": "Close popover"
                   }, {
-                    default: u(() => [...g[0] || (g[0] = [
-                      V("×", -1)
+                    default: d(() => [...v[0] || (v[0] = [
+                      I("×", -1)
                     ])]),
                     _: 1
                   })
-                ])) : h("", !0),
-                c("div", Ma, [
+                ])) : g("", !0),
+                f("div", cn, [
                   _(r.$slots, "default")
                 ])
               ]),
@@ -1039,10 +1768,10 @@ const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkb
       _: 3
     }, 8, ["open", "default-open"]));
   }
-}), qa = { class: "nb-root nb-progress-wrap" }, Oa = {
+}), fn = { class: "nb-root nb-progress-wrap" }, mn = {
   key: 0,
   class: "nb-progress__header"
-}, Ea = /* @__PURE__ */ v({
+}, pn = /* @__PURE__ */ h({
   __name: "NbProgress",
   props: {
     value: { default: null },
@@ -1051,35 +1780,35 @@ const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkb
     showValue: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const n = e, t = $(() => n.value === null ? 0 : Math.min(100, Math.max(0, n.value / n.max * 100)));
-    return (s, l) => (o(), i("div", qa, [
-      e.showValue ? (o(), i("div", Oa, [
-        c("span", null, p(e.label), 1),
-        c("span", null, p(Math.round(t.value)) + "%", 1)
-      ])) : h("", !0),
-      m(a(Ee), {
+    const o = e, a = N(() => o.value === null ? 0 : Math.min(100, Math.max(0, o.value / o.max * 100)));
+    return (s, l) => (n(), u("div", fn, [
+      e.showValue ? (n(), u("div", mn, [
+        f("span", null, p(e.label), 1),
+        f("span", null, p(Math.round(a.value)) + "%", 1)
+      ])) : g("", !0),
+      c(t(Mt), {
         class: "nb-progress",
         "model-value": e.value,
         max: e.max,
         "get-value-label": () => e.label
       }, {
-        default: u(() => [
-          m(a(Ge), {
+        default: d(() => [
+          c(t(Dt), {
             class: "nb-progress__indicator",
-            style: O(e.value === null ? void 0 : { transform: `translateX(-${100 - t.value}%)` })
+            style: q(e.value === null ? void 0 : { transform: `translateX(-${100 - a.value}%)` })
           }, null, 8, ["style"])
         ]),
         _: 1
       }, 8, ["model-value", "max", "get-value-label"])
     ]));
   }
-}), Ga = ["disabled", "aria-describedby"], za = {
+}), vn = ["disabled", "aria-describedby"], hn = {
   key: 0,
   class: "nb-radio-group__legend"
-}, La = { class: "nb-radio-group__options" }, Ua = ["for"], Fa = ["id", "name", "value", "checked", "disabled", "onChange"], Ka = { class: "nb-radio__content" }, ja = { class: "nb-radio__label" }, Ha = {
+}, gn = { class: "nb-radio-group__options" }, _n = ["for"], yn = ["id", "name", "value", "checked", "disabled", "onChange"], $n = { class: "nb-radio__content" }, Nn = { class: "nb-radio__label" }, In = {
   key: 0,
   class: "nb-radio__description"
-}, Ja = /* @__PURE__ */ v({
+}, kn = /* @__PURE__ */ h({
   __name: "NbRadioGroup",
   props: {
     modelValue: { default: "" },
@@ -1090,48 +1819,113 @@ const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkb
     options: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    const t = e, s = n, l = S("radio-group"), b = t.name ?? l, f = `${l}-hint`;
-    return (d, r) => (o(), i("fieldset", {
+  setup(e, { emit: o }) {
+    const a = e, s = o, l = M("radio-group"), b = a.name ?? l, m = `${l}-hint`;
+    return (i, r) => (n(), u("fieldset", {
       class: "nb-root nb-radio-group",
       disabled: e.disabled,
-      "aria-describedby": e.hint ? f : void 0
+      "aria-describedby": e.hint ? m : void 0
     }, [
-      e.label ? (o(), i("legend", za, p(e.label), 1)) : h("", !0),
-      e.hint ? (o(), i("p", {
+      e.label ? (n(), u("legend", hn, p(e.label), 1)) : g("", !0),
+      e.hint ? (n(), u("p", {
         key: 1,
-        id: f,
+        id: m,
         class: "nb-field__hint nb-radio-group__hint"
-      }, p(e.hint), 1)) : h("", !0),
-      c("div", La, [
-        (o(!0), i(P, null, D(e.options, (g, y) => (o(), i("label", {
-          key: g.value,
-          class: B(["nb-radio", { "is-checked": e.modelValue === g.value }]),
-          for: `${a(l)}-${y}`
+      }, p(e.hint), 1)) : g("", !0),
+      f("div", gn, [
+        (n(!0), u(B, null, T(e.options, (v, $) => (n(), u("label", {
+          key: v.value,
+          class: x(["nb-radio", { "is-checked": e.modelValue === v.value }]),
+          for: `${t(l)}-${$}`
         }, [
-          c("input", {
-            id: `${a(l)}-${y}`,
+          f("input", {
+            id: `${t(l)}-${$}`,
             class: "nb-radio__input",
             type: "radio",
-            name: a(b),
-            value: g.value,
-            checked: e.modelValue === g.value,
-            disabled: e.disabled || g.disabled,
-            onChange: (R) => s("update:modelValue", g.value)
-          }, null, 40, Fa),
-          r[0] || (r[0] = c("span", {
+            name: t(b),
+            value: v.value,
+            checked: e.modelValue === v.value,
+            disabled: e.disabled || v.disabled,
+            onChange: (P) => s("update:modelValue", v.value)
+          }, null, 40, yn),
+          r[0] || (r[0] = f("span", {
             class: "nb-radio__mark",
             "aria-hidden": "true"
           }, null, -1)),
-          c("span", Ka, [
-            c("span", ja, p(g.label), 1),
-            g.description ? (o(), i("span", Ha, p(g.description), 1)) : h("", !0)
+          f("span", $n, [
+            f("span", Nn, p(v.label), 1),
+            v.description ? (n(), u("span", In, p(v.description), 1)) : g("", !0)
           ])
-        ], 10, Ua))), 128))
+        ], 10, _n))), 128))
       ])
-    ], 8, Ga));
+    ], 8, vn));
+  }
+}), xn = ["id", "disabled", "aria-label", "aria-invalid", "aria-describedby"], Vn = {
+  key: 0,
+  class: "nb-field__label"
+}, Bn = { class: "nb-rating__options" }, Cn = ["name", "value", "checked", "required", "aria-label"], wn = ["id"], Tn = ["id"], Sn = /* @__PURE__ */ h({
+  inheritAttrs: !1,
+  __name: "NbRating",
+  props: {
+    modelValue: {},
+    length: { default: 5 },
+    label: {},
+    hint: {},
+    error: {},
+    name: {},
+    id: {},
+    disabled: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: o }) {
+    const a = e, s = o, l = w("rating", a.id), b = N(() => S(a.hint, a.error, l.hintId, l.errorId));
+    return (m, i) => (n(), u("fieldset", k(m.$attrs, {
+      id: t(l).inputId,
+      class: "nb-root nb-field nb-rating",
+      disabled: e.disabled,
+      "aria-label": e.label ? void 0 : "Rating",
+      "aria-invalid": e.error ? "true" : void 0,
+      "aria-describedby": b.value
+    }), [
+      e.label ? (n(), u("legend", Vn, p(e.label), 1)) : g("", !0),
+      f("div", Bn, [
+        (n(!0), u(B, null, T(e.length, (r) => (n(), u("label", {
+          key: r,
+          class: x(["nb-rating__option", { "is-active": e.modelValue !== void 0 && r <= e.modelValue }])
+        }, [
+          f("input", {
+            class: "nb-rating__input",
+            type: "radio",
+            name: e.name ?? t(l).inputId,
+            value: r,
+            checked: e.modelValue === r,
+            required: e.required,
+            "aria-label": `${r} of ${e.length}`,
+            onChange: i[0] || (i[0] = (v) => s("update:modelValue", Number(v.target.value)))
+          }, null, 40, Cn),
+          i[1] || (i[1] = f("svg", {
+            viewBox: "0 0 24 24",
+            "aria-hidden": "true",
+            focusable: "false"
+          }, [
+            f("path", { d: "m12 2 2.9 6.1 6.7 1-4.8 4.7 1.1 6.7-5.9-3.1-5.9 3.1 1.1-6.7-4.8-4.7 6.7-1z" })
+          ], -1))
+        ], 2))), 128))
+      ]),
+      e.hint ? (n(), u("span", {
+        key: 1,
+        id: t(l).hintId,
+        class: "nb-field__hint"
+      }, p(e.hint), 9, wn)) : g("", !0),
+      e.error ? (n(), u("span", {
+        key: 2,
+        id: t(l).errorId,
+        class: "nb-field__error"
+      }, p(e.error), 9, Tn)) : g("", !0)
+    ], 16, xn));
   }
-}), Xa = /* @__PURE__ */ v({
+}), An = /* @__PURE__ */ h({
   __name: "NbScrollArea",
   props: {
     label: { default: "Scrollable content" },
@@ -1139,27 +1933,27 @@ const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkb
     type: { default: "hover" }
   },
   setup(e) {
-    return (n, t) => (o(), N(a(ze), {
+    return (o, a) => (n(), y(t(Ot), {
       class: "nb-root nb-scroll-area",
       type: e.type,
-      style: O({ height: e.height })
+      style: q({ height: e.height })
     }, {
-      default: u(() => [
-        m(a(Le), {
+      default: d(() => [
+        c(t(Pt), {
           class: "nb-scroll-area__viewport",
           "aria-label": e.label
         }, {
-          default: u(() => [
-            _(n.$slots, "default")
+          default: d(() => [
+            _(o.$slots, "default")
           ]),
           _: 3
         }, 8, ["aria-label"]),
-        m(a(Ue), {
+        c(t(Rt), {
           class: "nb-scroll-area__scrollbar",
           orientation: "vertical"
         }, {
-          default: u(() => [
-            m(a(Fe), { class: "nb-scroll-area__thumb" })
+          default: d(() => [
+            c(t(qt), { class: "nb-scroll-area__thumb" })
           ]),
           _: 1
         })
@@ -1167,7 +1961,90 @@ const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkb
       _: 3
     }, 8, ["type", "style"]));
   }
-}), Qa = { class: "nb-root nb-field" }, Wa = ["for"], Ya = ["id"], Za = ["id"], el = /* @__PURE__ */ v({
+}), Mn = { class: "nb-sheet__header" }, Dn = { class: "nb-sheet__body" }, On = {
+  key: 0,
+  class: "nb-sheet__footer"
+}, Pn = /* @__PURE__ */ h({
+  __name: "NbSheet",
+  props: {
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: !1 },
+    title: {},
+    description: {},
+    side: { default: "right" }
+  },
+  emits: ["update:open"],
+  setup(e, { emit: o }) {
+    const a = e, s = o, l = C(a.open ?? a.defaultOpen), b = N(() => a.open ?? l.value);
+    A(() => a.open, (i) => {
+      i !== void 0 && (l.value = i);
+    });
+    function m(i) {
+      l.value = i, s("update:open", i);
+    }
+    return (i, r) => (n(), y(t(Y), {
+      open: b.value,
+      "onUpdate:open": m
+    }, {
+      default: d(() => [
+        c(t(Z), { class: "nb-root nb-overlay-trigger" }, {
+          default: d(() => [
+            _(i.$slots, "trigger")
+          ]),
+          _: 3
+        }),
+        c(t(ee), null, {
+          default: d(() => [
+            c(t(te), { class: "nb-root nb-sheet__overlay" }),
+            c(t(ae), k(e.description ? {} : { "aria-describedby": void 0 }, {
+              class: ["nb-root nb-sheet", `nb-sheet--${e.side}`]
+            }), {
+              default: d(() => [
+                f("header", Mn, [
+                  f("div", null, [
+                    c(t(le), { class: "nb-sheet__title" }, {
+                      default: d(() => [
+                        I(p(e.title), 1)
+                      ]),
+                      _: 1
+                    }),
+                    e.description ? (n(), y(t(Ut), {
+                      key: 0,
+                      class: "nb-sheet__description"
+                    }, {
+                      default: d(() => [
+                        I(p(e.description), 1)
+                      ]),
+                      _: 1
+                    })) : g("", !0)
+                  ]),
+                  c(t(ne), {
+                    class: "nb-overlay-close",
+                    "aria-label": "Close sheet"
+                  }, {
+                    default: d(() => [...r[0] || (r[0] = [
+                      I("×", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                f("div", Dn, [
+                  _(i.$slots, "default")
+                ]),
+                i.$slots.footer ? (n(), u("footer", On, [
+                  _(i.$slots, "footer")
+                ])) : g("", !0)
+              ]),
+              _: 3
+            }, 16, ["class"])
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["open"]));
+  }
+}), Rn = { class: "nb-root nb-field" }, qn = ["for"], Un = ["id"], Ln = ["id"], Gn = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "NbSelect",
   props: {
@@ -1182,43 +2059,43 @@ const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkb
     id: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    const t = e, s = n, l = w("select", t.id), b = $(() => A(t.hint, t.error, l.hintId, l.errorId));
-    function f(d) {
-      typeof d == "string" && s("update:modelValue", d);
+  setup(e, { emit: o }) {
+    const a = e, s = o, l = w("select", a.id), b = N(() => S(a.hint, a.error, l.hintId, l.errorId));
+    function m(i) {
+      typeof i == "string" && s("update:modelValue", i);
     }
-    return (d, r) => (o(), i("div", Qa, [
-      e.label ? (o(), i("label", {
+    return (i, r) => (n(), u("div", Rn, [
+      e.label ? (n(), u("label", {
         key: 0,
         class: "nb-field__label",
-        for: a(l).inputId
-      }, p(e.label), 9, Wa)) : h("", !0),
-      m(a(Ke), {
+        for: t(l).inputId
+      }, p(e.label), 9, qn)) : g("", !0),
+      c(t(Lt), {
         "model-value": e.modelValue,
         disabled: e.disabled,
         required: e.required,
         name: e.name,
-        "onUpdate:modelValue": f
+        "onUpdate:modelValue": m
       }, {
-        default: u(() => [
-          m(a(je), k(d.$attrs, {
-            id: a(l).inputId,
+        default: d(() => [
+          c(t(Gt), k(i.$attrs, {
+            id: t(l).inputId,
             class: "nb-select__trigger",
             "aria-invalid": e.error ? "true" : void 0,
             "aria-describedby": b.value
           }), {
-            default: u(() => [
-              m(a(He), { placeholder: e.placeholder }, null, 8, ["placeholder"]),
-              m(a(Je), {
+            default: d(() => [
+              c(t(zt), { placeholder: e.placeholder }, null, 8, ["placeholder"]),
+              c(t(Et), {
                 class: "nb-select__icon",
                 "aria-hidden": "true"
               }, {
-                default: u(() => [...r[0] || (r[0] = [
-                  c("svg", {
+                default: d(() => [...r[0] || (r[0] = [
+                  f("svg", {
                     viewBox: "0 0 16 16",
                     focusable: "false"
                   }, [
-                    c("path", { d: "m3 6 5 5 5-5" })
+                    f("path", { d: "m3 6 5 5 5-5" })
                   ], -1)
                 ])]),
                 _: 1
@@ -1226,46 +2103,46 @@ const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkb
             ]),
             _: 1
           }, 16, ["id", "aria-invalid", "aria-describedby"]),
-          m(a(Xe), null, {
-            default: u(() => [
-              m(a(Qe), {
+          c(t(Ft), null, {
+            default: d(() => [
+              c(t(Ht), {
                 class: "nb-root nb-select__content",
                 position: "popper",
                 "side-offset": 5
               }, {
-                default: u(() => [
-                  m(a(We), {
+                default: d(() => [
+                  c(t(Kt), {
                     class: "nb-select__scroll-button",
                     "aria-label": "Scroll up"
                   }, {
-                    default: u(() => [...r[1] || (r[1] = [
-                      c("svg", {
+                    default: d(() => [...r[1] || (r[1] = [
+                      f("svg", {
                         viewBox: "0 0 16 16",
                         "aria-hidden": "true",
                         focusable: "false"
                       }, [
-                        c("path", { d: "m3 10 5-5 5 5" })
+                        f("path", { d: "m3 10 5-5 5 5" })
                       ], -1)
                     ])]),
                     _: 1
                   }),
-                  m(a(Ye), { class: "nb-select__viewport" }, {
-                    default: u(() => [
-                      _(d.$slots, "default")
+                  c(t(jt), { class: "nb-select__viewport" }, {
+                    default: d(() => [
+                      _(i.$slots, "default")
                     ]),
                     _: 3
                   }),
-                  m(a(Ze), {
+                  c(t(Xt), {
                     class: "nb-select__scroll-button",
                     "aria-label": "Scroll down"
                   }, {
-                    default: u(() => [...r[2] || (r[2] = [
-                      c("svg", {
+                    default: d(() => [...r[2] || (r[2] = [
+                      f("svg", {
                         viewBox: "0 0 16 16",
                         "aria-hidden": "true",
                         focusable: "false"
                       }, [
-                        c("path", { d: "m3 6 5 5 5-5" })
+                        f("path", { d: "m3 6 5 5 5-5" })
                       ], -1)
                     ])]),
                     _: 1
@@ -1279,48 +2156,48 @@ const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkb
         ]),
         _: 3
       }, 8, ["model-value", "disabled", "required", "name"]),
-      e.hint ? (o(), i("span", {
+      e.hint ? (n(), u("span", {
         key: 1,
-        id: a(l).hintId,
+        id: t(l).hintId,
         class: "nb-field__hint"
-      }, p(e.hint), 9, Ya)) : h("", !0),
-      e.error ? (o(), i("span", {
+      }, p(e.hint), 9, Un)) : g("", !0),
+      e.error ? (n(), u("span", {
         key: 2,
-        id: a(l).errorId,
+        id: t(l).errorId,
         class: "nb-field__error"
-      }, p(e.error), 9, Za)) : h("", !0)
+      }, p(e.error), 9, Ln)) : g("", !0)
     ]));
   }
-}), tl = /* @__PURE__ */ v({
+}), zn = /* @__PURE__ */ h({
   __name: "NbSelectItem",
   props: {
     value: {},
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (n, t) => (o(), N(a(et), {
+    return (o, a) => (n(), y(t(Jt), {
       class: "nb-select__item",
       value: e.value,
       disabled: e.disabled,
       "data-value": e.value
     }, {
-      default: u(() => [
-        m(a(tt), null, {
-          default: u(() => [
-            _(n.$slots, "default")
+      default: d(() => [
+        c(t(Qt), null, {
+          default: d(() => [
+            _(o.$slots, "default")
           ]),
           _: 3
         }),
-        m(a(at), {
+        c(t(Wt), {
           class: "nb-select__indicator",
           "aria-hidden": "true"
         }, {
-          default: u(() => [...t[0] || (t[0] = [
-            c("svg", {
+          default: d(() => [...a[0] || (a[0] = [
+            f("svg", {
               viewBox: "0 0 16 16",
               focusable: "false"
             }, [
-              c("path", { d: "m2.5 8.5 3.5 3.5 7.5-8" })
+              f("path", { d: "m2.5 8.5 3.5 3.5 7.5-8" })
             ], -1)
           ])]),
           _: 1
@@ -1329,26 +2206,26 @@ const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkb
       _: 3
     }, 8, ["value", "disabled", "data-value"]));
   }
-}), al = /* @__PURE__ */ v({
+}), En = /* @__PURE__ */ h({
   __name: "NbSeparator",
   props: {
     orientation: { default: "horizontal" },
     decorative: { type: Boolean, default: !0 }
   },
   setup(e) {
-    return (n, t) => (o(), N(a(lt), {
+    return (o, a) => (n(), y(t(Yt), {
       class: "nb-root nb-separator",
       orientation: e.orientation,
       decorative: e.decorative
     }, null, 8, ["orientation", "decorative"]));
   }
-}), ll = { class: "nb-root nb-field" }, nl = {
+}), Fn = { class: "nb-root nb-field" }, Hn = {
   key: 0,
   class: "nb-slider__header"
-}, ol = {
+}, Kn = {
   key: 1,
   class: "nb-slider__value"
-}, sl = ["id"], il = ["id"], dl = /* @__PURE__ */ v({
+}, jn = ["id"], Xn = ["id"], Jn = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "NbSlider",
   props: {
@@ -1366,24 +2243,24 @@ const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkb
     showValue: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: n }) {
-    const t = e, s = n, l = w("slider", t.id), b = `${l.inputId}-label`, f = $(() => A(t.hint, t.error, l.hintId, l.errorId));
-    function d(g) {
-      g?.[0] !== void 0 && s("update:modelValue", g[0]);
+  setup(e, { emit: o }) {
+    const a = e, s = o, l = w("slider", a.id), b = `${l.inputId}-label`, m = N(() => S(a.hint, a.error, l.hintId, l.errorId));
+    function i(v) {
+      v?.[0] !== void 0 && s("update:modelValue", v[0]);
     }
-    function r(g) {
-      g[0] !== void 0 && s("change", g[0]);
+    function r(v) {
+      v[0] !== void 0 && s("change", v[0]);
     }
-    return (g, y) => (o(), i("div", ll, [
-      e.label || e.showValue ? (o(), i("div", nl, [
-        e.label ? (o(), i("span", {
+    return (v, $) => (n(), u("div", Fn, [
+      e.label || e.showValue ? (n(), u("div", Hn, [
+        e.label ? (n(), u("span", {
           key: 0,
           id: b,
           class: "nb-field__label"
-        }, p(e.label), 1)) : h("", !0),
-        e.showValue ? (o(), i("output", ol, p(e.modelValue), 1)) : h("", !0)
-      ])) : h("", !0),
-      m(a(nt), {
+        }, p(e.label), 1)) : g("", !0),
+        e.showValue ? (n(), u("output", Kn, p(e.modelValue), 1)) : g("", !0)
+      ])) : g("", !0),
+      c(t(Zt), {
         class: "nb-slider",
         "model-value": [e.modelValue],
         min: e.min,
@@ -1392,39 +2269,39 @@ const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkb
         disabled: e.disabled,
         required: e.required,
         name: e.name,
-        "onUpdate:modelValue": d,
+        "onUpdate:modelValue": i,
         onValueCommit: r
       }, {
-        default: u(() => [
-          m(a(ot), { class: "nb-slider__track" }, {
-            default: u(() => [
-              m(a(st), { class: "nb-slider__range" })
+        default: d(() => [
+          c(t(ea), { class: "nb-slider__track" }, {
+            default: d(() => [
+              c(t(ta), { class: "nb-slider__range" })
             ]),
             _: 1
           }),
-          m(a(it), k(g.$attrs, {
-            id: a(l).inputId,
+          c(t(aa), k(v.$attrs, {
+            id: t(l).inputId,
             class: "nb-slider__thumb",
             "aria-labelledby": e.label ? b : void 0,
             "aria-invalid": e.error ? "true" : void 0,
-            "aria-describedby": f.value
+            "aria-describedby": m.value
           }), null, 16, ["id", "aria-labelledby", "aria-invalid", "aria-describedby"])
         ]),
         _: 1
       }, 8, ["model-value", "min", "max", "step", "disabled", "required", "name"]),
-      e.hint ? (o(), i("span", {
+      e.hint ? (n(), u("span", {
         key: 1,
-        id: a(l).hintId,
+        id: t(l).hintId,
         class: "nb-field__hint"
-      }, p(e.hint), 9, sl)) : h("", !0),
-      e.error ? (o(), i("span", {
+      }, p(e.hint), 9, jn)) : g("", !0),
+      e.error ? (n(), u("span", {
         key: 2,
-        id: a(l).errorId,
+        id: t(l).errorId,
         class: "nb-field__error"
-      }, p(e.error), 9, il)) : h("", !0)
+      }, p(e.error), 9, Xn)) : g("", !0)
     ]));
   }
-}), rl = /* @__PURE__ */ v({
+}), Qn = /* @__PURE__ */ h({
   __name: "NbSkeleton",
   props: {
     width: { default: "100%" },
@@ -1432,32 +2309,32 @@ const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkb
     rounded: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const n = e, t = $(() => ({ width: n.width, height: n.height }));
-    return (s, l) => (o(), i("div", {
-      class: B(["nb-root nb-skeleton", { "nb-skeleton--rounded": e.rounded }]),
-      style: O(t.value),
+    const o = e, a = N(() => ({ width: o.width, height: o.height }));
+    return (s, l) => (n(), u("div", {
+      class: x(["nb-root nb-skeleton", { "nb-skeleton--rounded": e.rounded }]),
+      style: q(a.value),
       "aria-hidden": "true"
     }, null, 6));
   }
-}), ul = ["aria-label"], cl = /* @__PURE__ */ v({
+}), Wn = ["aria-label"], Yn = /* @__PURE__ */ h({
   __name: "NbSpinner",
   props: {
     label: { default: "Loading" },
     size: { default: "md" }
   },
   setup(e) {
-    return (n, t) => (o(), i("span", {
+    return (o, a) => (n(), u("span", {
       class: "nb-root nb-spinner-wrap",
       role: "status",
       "aria-label": e.label
     }, [
-      c("span", {
-        class: B(["nb-spinner", `nb-spinner--${e.size}`]),
+      f("span", {
+        class: x(["nb-spinner", `nb-spinner--${e.size}`]),
         "aria-hidden": "true"
       }, null, 2)
-    ], 8, ul));
+    ], 8, Wn));
   }
-}), bl = ["for"], fl = ["id", "checked", "disabled", "aria-checked", "aria-describedby"], ml = { class: "nb-switch__content" }, pl = { class: "nb-switch__label" }, hl = ["id"], vl = /* @__PURE__ */ v({
+}), Zn = ["for"], eo = ["id", "checked", "disabled", "aria-checked", "aria-describedby"], to = { class: "nb-switch__content" }, ao = { class: "nb-switch__label" }, lo = ["id"], no = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "NbSwitch",
   props: {
@@ -1468,46 +2345,122 @@ const Ot = ["for"], Et = ["id", "checked", "disabled"], Gt = { class: "nb-checkb
     id: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    const t = e, s = n, l = w("switch", t.id);
-    return (b, f) => (o(), i("label", {
-      class: B(["nb-root nb-switch", { "is-disabled": e.disabled }]),
-      for: a(l).inputId
+  setup(e, { emit: o }) {
+    const a = e, s = o, l = w("switch", a.id);
+    return (b, m) => (n(), u("label", {
+      class: x(["nb-root nb-switch", { "is-disabled": e.disabled }]),
+      for: t(l).inputId
     }, [
-      c("input", k(b.$attrs, {
-        id: a(l).inputId,
+      f("input", k(b.$attrs, {
+        id: t(l).inputId,
         class: "nb-switch__input",
         type: "checkbox",
         role: "switch",
         checked: e.modelValue,
         disabled: e.disabled,
         "aria-checked": e.modelValue ? "true" : "false",
-        "aria-describedby": e.description ? a(l).hintId : void 0,
-        onChange: f[0] || (f[0] = (d) => s("update:modelValue", d.target.checked))
-      }), null, 16, fl),
-      f[1] || (f[1] = c("span", {
+        "aria-describedby": e.description ? t(l).hintId : void 0,
+        onChange: m[0] || (m[0] = (i) => s("update:modelValue", i.target.checked))
+      }), null, 16, eo),
+      m[1] || (m[1] = f("span", {
         class: "nb-switch__track",
         "aria-hidden": "true"
       }, [
-        c("span", { class: "nb-switch__thumb" })
+        f("span", { class: "nb-switch__thumb" })
       ], -1)),
-      c("span", ml, [
-        c("span", pl, p(e.label), 1),
-        e.description ? (o(), i("span", {
+      f("span", to, [
+        f("span", ao, p(e.label), 1),
+        e.description ? (n(), u("span", {
           key: 0,
-          id: a(l).hintId,
+          id: t(l).hintId,
           class: "nb-switch__description"
-        }, p(e.description), 9, hl)) : h("", !0)
+        }, p(e.description), 9, lo)) : g("", !0)
       ])
-    ], 10, bl));
+    ], 10, Zn));
+  }
+}), oo = { class: "nb-root nb-field" }, so = ["for"], io = ["id"], ro = ["id"], uo = /* @__PURE__ */ h({
+  inheritAttrs: !1,
+  __name: "NbTagsInput",
+  props: {
+    modelValue: { default: () => [] },
+    label: {},
+    hint: {},
+    error: {},
+    placeholder: {},
+    name: {},
+    id: {},
+    max: {},
+    disabled: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: o }) {
+    const a = e, s = o, l = w("tags-input", a.id), b = N(() => S(a.hint, a.error, l.hintId, l.errorId));
+    return (m, i) => (n(), u("div", oo, [
+      e.label ? (n(), u("label", {
+        key: 0,
+        class: "nb-field__label",
+        for: t(l).inputId
+      }, p(e.label), 9, so)) : g("", !0),
+      c(t(la), {
+        class: "nb-tags-input",
+        "model-value": e.modelValue,
+        name: e.name ?? (e.required ? t(l).inputId : void 0),
+        id: t(l).inputId,
+        max: e.max,
+        disabled: e.disabled,
+        required: e.required,
+        "onUpdate:modelValue": i[0] || (i[0] = (r) => s("update:modelValue", r))
+      }, {
+        default: d(() => [
+          (n(!0), u(B, null, T(e.modelValue, (r) => (n(), y(t(na), {
+            key: r,
+            class: "nb-tags-input__tag",
+            value: r
+          }, {
+            default: d(() => [
+              c(t(oa)),
+              c(t(sa), {
+                class: "nb-tags-input__remove",
+                "aria-label": `Remove ${r}`,
+                "aria-labelledby": void 0
+              }, {
+                default: d(() => [...i[1] || (i[1] = [
+                  I("×", -1)
+                ])]),
+                _: 1
+              }, 8, ["aria-label"])
+            ]),
+            _: 2
+          }, 1032, ["value"]))), 128)),
+          c(t(ia), k(m.$attrs, {
+            class: "nb-tags-input__input",
+            placeholder: e.placeholder,
+            "aria-invalid": e.error ? "true" : void 0,
+            "aria-describedby": b.value
+          }), null, 16, ["placeholder", "aria-invalid", "aria-describedby"])
+        ]),
+        _: 1
+      }, 8, ["model-value", "name", "id", "max", "disabled", "required"]),
+      e.hint ? (n(), u("span", {
+        key: 1,
+        id: t(l).hintId,
+        class: "nb-field__hint"
+      }, p(e.hint), 9, io)) : g("", !0),
+      e.error ? (n(), u("span", {
+        key: 2,
+        id: t(l).errorId,
+        class: "nb-field__error"
+      }, p(e.error), 9, ro)) : g("", !0)
+    ]));
   }
-}), U = /* @__PURE__ */ Symbol("nb-tabs");
-function E() {
-  const e = X(U);
+}), se = /* @__PURE__ */ Symbol("nb-tabs");
+function U() {
+  const e = be(se);
   if (!e) throw new Error("Tabs components must be used inside NbTabs");
   return e;
 }
-const gl = ["data-orientation"], _l = /* @__PURE__ */ v({
+const co = ["data-orientation"], bo = /* @__PURE__ */ h({
   __name: "NbTabs",
   props: {
     modelValue: {},
@@ -1515,90 +2468,90 @@ const gl = ["data-orientation"], _l = /* @__PURE__ */ v({
     orientation: { default: "horizontal" }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    const t = e, s = n, l = S("tabs"), b = x(t.defaultValue), f = $(() => t.modelValue ?? b.value), d = $(() => t.orientation), r = (y) => encodeURIComponent(y);
-    function g(y) {
-      t.modelValue === void 0 && (b.value = y), s("update:modelValue", y);
+  setup(e, { emit: o }) {
+    const a = e, s = o, l = M("tabs"), b = C(a.defaultValue), m = N(() => a.modelValue ?? b.value), i = N(() => a.orientation), r = ($) => encodeURIComponent($);
+    function v($) {
+      a.modelValue === void 0 && (b.value = $), s("update:modelValue", $);
     }
-    return Q(U, {
-      activeValue: f,
-      orientation: d,
-      select: g,
-      triggerId: (y) => `${l}-tab-${r(y)}`,
-      panelId: (y) => `${l}-panel-${r(y)}`
-    }), (y, R) => (o(), i("div", {
-      class: B(["nb-root nb-tabs", `nb-tabs--${d.value}`]),
-      "data-orientation": d.value
+    return fe(se, {
+      activeValue: m,
+      orientation: i,
+      select: v,
+      triggerId: ($) => `${l}-tab-${r($)}`,
+      panelId: ($) => `${l}-panel-${r($)}`
+    }), ($, P) => (n(), u("div", {
+      class: x(["nb-root nb-tabs", `nb-tabs--${i.value}`]),
+      "data-orientation": i.value
     }, [
-      _(y.$slots, "default")
-    ], 10, gl));
+      _($.$slots, "default")
+    ], 10, co));
   }
-}), yl = ["id", "aria-labelledby", "hidden"], $l = /* @__PURE__ */ v({
+}), fo = ["id", "aria-labelledby", "hidden"], mo = /* @__PURE__ */ h({
   __name: "NbTabsContent",
   props: {
     value: {}
   },
   setup(e) {
-    const n = e, t = E(), s = $(() => t.activeValue.value === n.value);
-    return (l, b) => W((o(), i("div", {
+    const o = e, a = U(), s = N(() => a.activeValue.value === o.value);
+    return (l, b) => me((n(), u("div", {
       class: "nb-tabs__content",
       role: "tabpanel",
-      id: a(t).panelId(e.value),
-      "aria-labelledby": a(t).triggerId(e.value),
+      id: t(a).panelId(e.value),
+      "aria-labelledby": t(a).triggerId(e.value),
       hidden: !s.value,
       tabindex: "0"
     }, [
       _(l.$slots, "default")
-    ], 8, yl)), [
-      [Y, s.value]
+    ], 8, fo)), [
+      [pe, s.value]
     ]);
   }
-}), Nl = ["aria-orientation"], kl = /* @__PURE__ */ v({
+}), po = ["aria-orientation"], vo = /* @__PURE__ */ h({
   __name: "NbTabsList",
   setup(e) {
-    const { orientation: n } = E();
-    function t(s) {
-      const l = n.value === "vertical" ? "ArrowUp" : "ArrowLeft", b = n.value === "vertical" ? "ArrowDown" : "ArrowRight";
+    const { orientation: o } = U();
+    function a(s) {
+      const l = o.value === "vertical" ? "ArrowUp" : "ArrowLeft", b = o.value === "vertical" ? "ArrowDown" : "ArrowRight";
       if (![l, b, "Home", "End"].includes(s.key)) return;
-      const f = s.currentTarget, d = Array.from(f.querySelectorAll('[role="tab"]:not(:disabled)')), r = s.target.closest('[role="tab"]'), g = r ? d.indexOf(r) : -1;
-      if (!d.length || g < 0) return;
+      const m = s.currentTarget, i = Array.from(m.querySelectorAll('[role="tab"]:not(:disabled)')), r = s.target.closest('[role="tab"]'), v = r ? i.indexOf(r) : -1;
+      if (!i.length || v < 0) return;
       s.preventDefault();
-      const y = s.key === "Home" ? 0 : s.key === "End" ? d.length - 1 : (g + (s.key === b ? 1 : -1) + d.length) % d.length;
-      d[y]?.focus(), d[y]?.click();
+      const $ = s.key === "Home" ? 0 : s.key === "End" ? i.length - 1 : (v + (s.key === b ? 1 : -1) + i.length) % i.length;
+      i[$]?.focus(), i[$]?.click();
     }
-    return (s, l) => (o(), i("div", {
+    return (s, l) => (n(), u("div", {
       class: "nb-tabs__list",
       role: "tablist",
-      "aria-orientation": a(n),
-      onKeydown: t
+      "aria-orientation": t(o),
+      onKeydown: a
     }, [
       _(s.$slots, "default")
-    ], 40, Nl));
+    ], 40, po));
   }
-}), Il = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "data-active"], Bl = /* @__PURE__ */ v({
+}), ho = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "data-active"], go = /* @__PURE__ */ h({
   __name: "NbTabsTrigger",
   props: {
     value: {},
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const n = e, t = E(), s = $(() => t.activeValue.value === n.value);
-    return (l, b) => (o(), i("button", {
-      class: B(["nb-tabs__trigger", { "is-active": s.value }]),
-      id: a(t).triggerId(e.value),
+    const o = e, a = U(), s = N(() => a.activeValue.value === o.value);
+    return (l, b) => (n(), u("button", {
+      class: x(["nb-tabs__trigger", { "is-active": s.value }]),
+      id: t(a).triggerId(e.value),
       type: "button",
       role: "tab",
       "aria-selected": s.value,
-      "aria-controls": a(t).panelId(e.value),
+      "aria-controls": t(a).panelId(e.value),
       tabindex: s.value ? 0 : -1,
       disabled: e.disabled,
       "data-active": s.value ? "" : void 0,
-      onClick: b[0] || (b[0] = (f) => a(t).select(e.value))
+      onClick: b[0] || (b[0] = (m) => t(a).select(e.value))
     }, [
       _(l.$slots, "default")
-    ], 10, Il));
+    ], 10, ho));
   }
-}), Vl = { class: "nb-root nb-field" }, wl = ["for"], xl = ["id", "value", "disabled", "aria-invalid", "aria-describedby"], Sl = ["id"], Tl = ["id"], Al = /* @__PURE__ */ v({
+}), _o = { class: "nb-root nb-field" }, yo = ["for"], $o = ["id", "value", "disabled", "aria-invalid", "aria-describedby"], No = ["id"], Io = ["id"], ko = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "NbTextarea",
   props: {
@@ -1610,50 +2563,50 @@ const gl = ["data-orientation"], _l = /* @__PURE__ */ v({
     id: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    const t = e, s = n, l = w("textarea", t.id), b = $(() => A(t.hint, t.error, l.hintId, l.errorId));
-    return (f, d) => (o(), i("div", Vl, [
-      e.label ? (o(), i("label", {
+  setup(e, { emit: o }) {
+    const a = e, s = o, l = w("textarea", a.id), b = N(() => S(a.hint, a.error, l.hintId, l.errorId));
+    return (m, i) => (n(), u("div", _o, [
+      e.label ? (n(), u("label", {
         key: 0,
         class: "nb-field__label",
-        for: a(l).inputId
-      }, p(e.label), 9, wl)) : h("", !0),
-      c("textarea", k(f.$attrs, {
-        id: a(l).inputId,
+        for: t(l).inputId
+      }, p(e.label), 9, yo)) : g("", !0),
+      f("textarea", k(m.$attrs, {
+        id: t(l).inputId,
         class: "nb-field__control nb-field__control--textarea",
         value: e.modelValue,
         disabled: e.disabled,
         "aria-invalid": e.error ? "true" : void 0,
         "aria-describedby": b.value,
-        onInput: d[0] || (d[0] = (r) => s("update:modelValue", r.target.value))
-      }), null, 16, xl),
-      e.hint ? (o(), i("span", {
+        onInput: i[0] || (i[0] = (r) => s("update:modelValue", r.target.value))
+      }), null, 16, $o),
+      e.hint ? (n(), u("span", {
         key: 1,
-        id: a(l).hintId,
+        id: t(l).hintId,
         class: "nb-field__hint"
-      }, p(e.hint), 9, Sl)) : h("", !0),
-      e.error ? (o(), i("span", {
+      }, p(e.hint), 9, No)) : g("", !0),
+      e.error ? (n(), u("span", {
         key: 2,
-        id: a(l).errorId,
+        id: t(l).errorId,
         class: "nb-field__error"
-      }, p(e.error), 9, Tl)) : h("", !0)
+      }, p(e.error), 9, Io)) : g("", !0)
     ]));
   }
-}), Cl = { class: "nb-root nb-table-wrap" }, Pl = { key: 0 }, Dl = /* @__PURE__ */ v({
+}), xo = { class: "nb-root nb-table-wrap" }, Vo = { key: 0 }, Bo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "NbTable",
   props: {
     caption: {}
   },
   setup(e) {
-    return (n, t) => (o(), i("div", Cl, [
-      c("table", k(n.$attrs, { class: "nb-table" }), [
-        e.caption ? (o(), i("caption", Pl, p(e.caption), 1)) : h("", !0),
-        _(n.$slots, "default")
+    return (o, a) => (n(), u("div", xo, [
+      f("table", k(o.$attrs, { class: "nb-table" }), [
+        e.caption ? (n(), u("caption", Vo, p(e.caption), 1)) : g("", !0),
+        _(o.$slots, "default")
       ], 16)
     ]));
   }
-}), Ml = { class: "nb-toast__content" }, Rl = /* @__PURE__ */ v({
+}), Co = { class: "nb-toast__content" }, wo = /* @__PURE__ */ h({
   __name: "NbToast",
   props: {
     open: { type: Boolean, default: void 0 },
@@ -1664,64 +2617,64 @@ const gl = ["data-orientation"], _l = /* @__PURE__ */ v({
     duration: { default: 5e3 }
   },
   emits: ["update:open"],
-  setup(e, { emit: n }) {
-    const t = e, s = n, l = x(t.open ?? t.defaultOpen), b = $(() => t.open ?? l.value);
-    M(() => t.open, (d) => {
-      d !== void 0 && (l.value = d);
+  setup(e, { emit: o }) {
+    const a = e, s = o, l = C(a.open ?? a.defaultOpen), b = N(() => a.open ?? l.value);
+    A(() => a.open, (i) => {
+      i !== void 0 && (l.value = i);
     });
-    function f(d) {
-      l.value = d, s("update:open", d);
+    function m(i) {
+      l.value = i, s("update:open", i);
     }
-    return (d, r) => (o(), N(a(dt), {
+    return (i, r) => (n(), y(t(da), {
       label: "Notification",
       duration: e.duration
     }, {
-      default: u(() => [
-        m(a(rt), {
-          class: B(["nb-root nb-toast", `nb-toast--${e.tone}`]),
+      default: d(() => [
+        c(t(ra), {
+          class: x(["nb-root nb-toast", `nb-toast--${e.tone}`]),
           open: b.value,
           "default-open": e.defaultOpen,
           type: "foreground",
           role: "status",
-          "onUpdate:open": f
+          "onUpdate:open": m
         }, {
-          default: u(() => [
-            c("div", Ml, [
-              m(a(ut), { class: "nb-toast__title" }, {
-                default: u(() => [
-                  V(p(e.title), 1)
+          default: d(() => [
+            f("div", Co, [
+              c(t(ua), { class: "nb-toast__title" }, {
+                default: d(() => [
+                  I(p(e.title), 1)
                 ]),
                 _: 1
               }),
-              e.description ? (o(), N(a(ct), {
+              e.description ? (n(), y(t(ca), {
                 key: 0,
                 class: "nb-toast__description"
               }, {
-                default: u(() => [
-                  V(p(e.description), 1)
+                default: d(() => [
+                  I(p(e.description), 1)
                 ]),
                 _: 1
-              })) : h("", !0),
-              _(d.$slots, "default")
+              })) : g("", !0),
+              _(i.$slots, "default")
             ]),
-            m(a(bt), {
+            c(t(ba), {
               class: "nb-overlay-close",
               "aria-label": "Dismiss notification"
             }, {
-              default: u(() => [...r[0] || (r[0] = [
-                V("×", -1)
+              default: d(() => [...r[0] || (r[0] = [
+                I("×", -1)
               ])]),
               _: 1
             })
           ]),
           _: 3
         }, 8, ["class", "open", "default-open"]),
-        m(a(ft), { class: "nb-root nb-toast-viewport" })
+        c(t(fa), { class: "nb-root nb-toast-viewport" })
       ]),
       _: 3
     }, 8, ["duration"]));
   }
-}), ql = /* @__PURE__ */ v({
+}), To = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "NbToggle",
   props: {
@@ -1733,23 +2686,23 @@ const gl = ["data-orientation"], _l = /* @__PURE__ */ v({
     size: { default: "md" }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    const t = e, s = n, l = $(() => C(`nb-toggle--${t.tone}`, `nb-toggle--${t.size}`));
-    return (b, f) => (o(), N(a(mt), k(b.$attrs, {
+  setup(e, { emit: o }) {
+    const a = e, s = o, l = N(() => O(`nb-toggle--${a.tone}`, `nb-toggle--${a.size}`));
+    return (b, m) => (n(), y(t(ma), k(b.$attrs, {
       class: ["nb-root nb-toggle", l.value],
       "model-value": e.modelValue,
       "default-value": e.defaultValue,
       disabled: e.disabled,
       "aria-label": e.label,
-      "onUpdate:modelValue": f[0] || (f[0] = (d) => s("update:modelValue", d))
+      "onUpdate:modelValue": m[0] || (m[0] = (i) => s("update:modelValue", i))
     }), {
-      default: u(() => [
+      default: d(() => [
         _(b.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "model-value", "default-value", "disabled", "aria-label"]));
   }
-}), Ol = { class: "nb-root nb-field" }, El = ["id"], Gl = ["id"], zl = /* @__PURE__ */ v({
+}), So = { class: "nb-root nb-field" }, Ao = ["id"], Mo = ["id"], Do = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "NbToggleGroup",
   props: {
@@ -1765,19 +2718,19 @@ const gl = ["data-orientation"], _l = /* @__PURE__ */ v({
     id: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: n }) {
-    const t = e, s = n, l = w("toggle-group", t.id), b = `${l.inputId}-label`, f = $(() => A(t.hint, t.error, l.hintId, l.errorId));
-    function d(r) {
-      (typeof r == "string" || Array.isArray(r) && r.every((g) => typeof g == "string")) && s("update:modelValue", r);
+  setup(e, { emit: o }) {
+    const a = e, s = o, l = w("toggle-group", a.id), b = `${l.inputId}-label`, m = N(() => S(a.hint, a.error, l.hintId, l.errorId));
+    function i(r) {
+      (typeof r == "string" || Array.isArray(r) && r.every((v) => typeof v == "string")) && s("update:modelValue", r);
     }
-    return (r, g) => (o(), i("div", Ol, [
-      e.label ? (o(), i("span", {
+    return (r, v) => (n(), u("div", So, [
+      e.label ? (n(), u("span", {
         key: 0,
         id: b,
         class: "nb-field__label"
-      }, p(e.label), 1)) : h("", !0),
-      m(a(pt), k(r.$attrs, {
-        id: a(l).inputId,
+      }, p(e.label), 1)) : g("", !0),
+      c(t(pa), k(r.$attrs, {
+        id: t(l).inputId,
         class: "nb-toggle-group",
         "model-value": e.modelValue,
         type: e.type,
@@ -1788,27 +2741,27 @@ const gl = ["data-orientation"], _l = /* @__PURE__ */ v({
         "data-orientation": e.orientation,
         "aria-labelledby": e.label ? b : void 0,
         "aria-invalid": e.error ? "true" : void 0,
-        "aria-describedby": f.value,
-        "onUpdate:modelValue": d
+        "aria-describedby": m.value,
+        "onUpdate:modelValue": i
       }), {
-        default: u(() => [
+        default: d(() => [
           _(r.$slots, "default")
         ]),
         _: 3
       }, 16, ["id", "model-value", "type", "orientation", "disabled", "required", "name", "data-orientation", "aria-labelledby", "aria-invalid", "aria-describedby"]),
-      e.hint ? (o(), i("span", {
+      e.hint ? (n(), u("span", {
         key: 1,
-        id: a(l).hintId,
+        id: t(l).hintId,
         class: "nb-field__hint"
-      }, p(e.hint), 9, El)) : h("", !0),
-      e.error ? (o(), i("span", {
+      }, p(e.hint), 9, Ao)) : g("", !0),
+      e.error ? (n(), u("span", {
         key: 2,
-        id: a(l).errorId,
+        id: t(l).errorId,
         class: "nb-field__error"
-      }, p(e.error), 9, Gl)) : h("", !0)
+      }, p(e.error), 9, Mo)) : g("", !0)
     ]));
   }
-}), Ll = /* @__PURE__ */ v({
+}), Oo = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "NbToggleGroupItem",
   props: {
@@ -1816,156 +2769,192 @@ const gl = ["data-orientation"], _l = /* @__PURE__ */ v({
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (n, t) => (o(), N(a(ht), k(n.$attrs, {
+    return (o, a) => (n(), y(t(va), k(o.$attrs, {
       class: "nb-toggle-group__item",
       value: e.value,
       disabled: e.disabled
     }), {
-      default: u(() => [
-        _(n.$slots, "default")
+      default: d(() => [
+        _(o.$slots, "default")
       ]),
       _: 3
     }, 16, ["value", "disabled"]));
   }
-}), Ul = ["aria-describedby"], Fl = ["id", "hidden"], Kl = /* @__PURE__ */ v({
+}), Po = ["aria-describedby"], Ro = ["id", "hidden"], qo = /* @__PURE__ */ h({
   __name: "NbTooltip",
   props: {
     content: {}
   },
   setup(e) {
-    const n = e, t = x(!1), s = S("tooltip");
+    const o = e, a = C(!1), s = M("tooltip");
     function l() {
-      t.value = !0;
+      a.value = !0;
     }
     function b() {
-      t.value = !1;
+      a.value = !1;
     }
-    function f(d) {
-      d.key === "Escape" && b();
+    function m(i) {
+      i.key === "Escape" && b();
     }
-    return (d, r) => (o(), i("span", {
+    return (i, r) => (n(), u("span", {
       class: "nb-root nb-tooltip",
       onMouseenter: l,
       onMouseleave: b
     }, [
-      c("span", {
+      f("span", {
         class: "nb-tooltip__trigger",
         tabindex: "0",
-        "aria-describedby": a(s),
+        "aria-describedby": t(s),
         onFocus: l,
         onBlur: b,
-        onKeydown: f
+        onKeydown: m
       }, [
-        _(d.$slots, "default")
-      ], 40, Ul),
-      c("span", {
-        id: a(s),
+        _(i.$slots, "default")
+      ], 40, Po),
+      f("span", {
+        id: t(s),
         class: "nb-tooltip__content",
         role: "tooltip",
-        hidden: !t.value
+        hidden: !a.value
       }, [
-        _(d.$slots, "content", {}, () => [
-          V(p(n.content), 1)
+        _(i.$slots, "content", {}, () => [
+          I(p(o.content), 1)
         ])
-      ], 8, Fl)
+      ], 8, Ro)
     ], 32));
   }
-}), Jl = vt({
-  NbAccordion: gt,
-  NbAccordionItem: yt,
-  NbAlert: Xt,
-  NbAspectRatio: $t,
-  NbAvatar: kt,
-  NbBadge: Nt,
-  NbBreadcrumbs: xt,
-  NbButton: At,
-  NbButtonGroup: Pt,
-  NbCard: qt,
-  NbCheckbox: zt,
-  NbCombobox: jt,
-  NbDialog: Zt,
-  NbDropdownMenu: ea,
-  NbDropdownMenuItem: ta,
-  NbDropdownMenuSeparator: aa,
-  NbEmptyState: da,
-  NbFieldset: ba,
-  NbInput: ga,
-  NbInputGroup: ka,
-  NbKbd: Ia,
-  NbLink: Ba,
-  NbMarker: Va,
-  NbNumberInput: Aa,
-  NbPagination: Ca,
-  NbPopover: Ra,
-  NbProgress: Ea,
-  NbRadioGroup: Ja,
-  NbScrollArea: Xa,
-  NbSelect: el,
-  NbSelectItem: tl,
-  NbSeparator: al,
-  NbSkeleton: rl,
-  NbSlider: dl,
-  NbSpinner: cl,
-  NbSwitch: vl,
-  NbTable: Dl,
-  NbTabs: _l,
-  NbTabsContent: $l,
-  NbTabsList: kl,
-  NbTabsTrigger: Bl,
-  NbTextarea: Al,
-  NbToast: Rl,
-  NbToggle: ql,
-  NbToggleGroup: zl,
-  NbToggleGroupItem: Ll,
-  NbTooltip: Kl
+}), Go = ha({
+  NbAccordion: ga,
+  NbAccordionItem: ya,
+  NbAlert: fl,
+  NbAlertDialog: pl,
+  NbAspectRatio: $a,
+  NbAvatar: Ia,
+  NbBadge: Na,
+  NbBreadcrumbs: Ca,
+  NbButton: Sa,
+  NbButtonGroup: Ma,
+  NbCard: Ra,
+  NbCheckbox: Ga,
+  NbCollapsible: Ea,
+  NbCombobox: Xa,
+  NbCommand: Wa,
+  NbContextMenu: Ya,
+  NbContextMenuCheckboxItem: Za,
+  NbContextMenuItem: el,
+  NbContextMenuLabel: tl,
+  NbContextMenuRadioGroup: al,
+  NbContextMenuRadioItem: ll,
+  NbContextMenuSeparator: nl,
+  NbContextMenuShortcut: rl,
+  NbContextMenuSub: ul,
+  NbDialog: _l,
+  NbDropdownMenu: yl,
+  NbDropdownMenuItem: $l,
+  NbDropdownMenuSeparator: Nl,
+  NbEmptyState: Cl,
+  NbFieldset: Al,
+  NbHoverCard: Fl,
+  NbInput: ql,
+  NbInputGroup: El,
+  NbKbd: Hl,
+  NbLink: Kl,
+  NbMarker: jl,
+  NbNavigationMenu: Wl,
+  NbNumberInput: an,
+  NbPagination: ln,
+  NbPinInput: dn,
+  NbPopover: bn,
+  NbProgress: pn,
+  NbRadioGroup: kn,
+  NbRating: Sn,
+  NbScrollArea: An,
+  NbSheet: Pn,
+  NbSelect: Gn,
+  NbSelectItem: zn,
+  NbSeparator: En,
+  NbSkeleton: Qn,
+  NbSlider: Jn,
+  NbSpinner: Yn,
+  NbSwitch: no,
+  NbTagsInput: uo,
+  NbTable: Bo,
+  NbTabs: bo,
+  NbTabsContent: mo,
+  NbTabsList: vo,
+  NbTabsTrigger: go,
+  NbTextarea: ko,
+  NbToast: wo,
+  NbToggle: To,
+  NbToggleGroup: Do,
+  NbToggleGroupItem: Oo,
+  NbTooltip: qo
 });
 export {
-  gt as NbAccordion,
-  yt as NbAccordionItem,
-  Xt as NbAlert,
-  $t as NbAspectRatio,
-  kt as NbAvatar,
-  Nt as NbBadge,
-  xt as NbBreadcrumbs,
-  At as NbButton,
-  Pt as NbButtonGroup,
-  qt as NbCard,
-  zt as NbCheckbox,
-  jt as NbCombobox,
-  Zt as NbDialog,
-  ea as NbDropdownMenu,
-  ta as NbDropdownMenuItem,
-  aa as NbDropdownMenuSeparator,
-  da as NbEmptyState,
-  ba as NbFieldset,
-  ga as NbInput,
-  ka as NbInputGroup,
-  Ia as NbKbd,
-  Ba as NbLink,
-  Va as NbMarker,
-  Aa as NbNumberInput,
-  Ca as NbPagination,
-  Ra as NbPopover,
-  Ea as NbProgress,
-  Ja as NbRadioGroup,
-  Xa as NbScrollArea,
-  el as NbSelect,
-  tl as NbSelectItem,
-  al as NbSeparator,
-  rl as NbSkeleton,
-  dl as NbSlider,
-  cl as NbSpinner,
-  vl as NbSwitch,
-  Dl as NbTable,
-  _l as NbTabs,
-  $l as NbTabsContent,
-  kl as NbTabsList,
-  Bl as NbTabsTrigger,
-  Al as NbTextarea,
-  Rl as NbToast,
-  ql as NbToggle,
-  zl as NbToggleGroup,
-  Ll as NbToggleGroupItem,
-  Kl as NbTooltip,
-  Jl as NeoBrutalVue
+  ga as NbAccordion,
+  ya as NbAccordionItem,
+  fl as NbAlert,
+  pl as NbAlertDialog,
+  $a as NbAspectRatio,
+  Ia as NbAvatar,
+  Na as NbBadge,
+  Ca as NbBreadcrumbs,
+  Sa as NbButton,
+  Ma as NbButtonGroup,
+  Ra as NbCard,
+  Ga as NbCheckbox,
+  Ea as NbCollapsible,
+  Xa as NbCombobox,
+  Wa as NbCommand,
+  Ya as NbContextMenu,
+  Za as NbContextMenuCheckboxItem,
+  el as NbContextMenuItem,
+  tl as NbContextMenuLabel,
+  al as NbContextMenuRadioGroup,
+  ll as NbContextMenuRadioItem,
+  nl as NbContextMenuSeparator,
+  rl as NbContextMenuShortcut,
+  ul as NbContextMenuSub,
+  _l as NbDialog,
+  yl as NbDropdownMenu,
+  $l as NbDropdownMenuItem,
+  Nl as NbDropdownMenuSeparator,
+  Cl as NbEmptyState,
+  Al as NbFieldset,
+  Fl as NbHoverCard,
+  ql as NbInput,
+  El as NbInputGroup,
+  Hl as NbKbd,
+  Kl as NbLink,
+  jl as NbMarker,
+  Wl as NbNavigationMenu,
+  an as NbNumberInput,
+  ln as NbPagination,
+  dn as NbPinInput,
+  bn as NbPopover,
+  pn as NbProgress,
+  kn as NbRadioGroup,
+  Sn as NbRating,
+  An as NbScrollArea,
+  Gn as NbSelect,
+  zn as NbSelectItem,
+  En as NbSeparator,
+  Pn as NbSheet,
+  Qn as NbSkeleton,
+  Jn as NbSlider,
+  Yn as NbSpinner,
+  no as NbSwitch,
+  Bo as NbTable,
+  bo as NbTabs,
+  mo as NbTabsContent,
+  vo as NbTabsList,
+  go as NbTabsTrigger,
+  uo as NbTagsInput,
+  ko as NbTextarea,
+  wo as NbToast,
+  To as NbToggle,
+  Do as NbToggleGroup,
+  Oo as NbToggleGroupItem,
+  qo as NbTooltip,
+  Go as NeoBrutalVue
 };