@neobrut-vue/core 0.4.0 → 0.6.0

package/dist/neobrut-vue.js

@@ -1,13 +1,13 @@
-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) {
+import { defineComponent as v, openBlock as o, createBlock as y, unref as a, withCtx as d, renderSlot as _, createVNode as b, createElementVNode as f, toDisplayString as p, computed as N, createElementBlock as u, normalizeClass as C, createCommentVNode as g, createTextVNode as I, Fragment as V, renderList as S, mergeProps as k, ref as x, onMounted as be, onUpdated as fe, nextTick as H, watch as M, onBeforeUnmount as K, withModifiers as me, useSlots as pe, resolveDynamicComponent as ve, normalizeStyle as q, inject as he, provide as _e, withDirectives as ge, vShow as ye } from "vue";
+import { AccordionRoot as $e, AccordionItem as Ne, AccordionHeader as Ie, AccordionTrigger as ke, AccordionContent as xe, AspectRatio as Ce, AvatarRoot as Be, AvatarImage as Ve, AvatarFallback as we, CollapsibleRoot as Se, CollapsibleTrigger as Me, CollapsibleContent as Te, ComboboxRoot as j, ComboboxAnchor as W, ComboboxInput as J, ComboboxTrigger as Ae, ComboboxPortal as De, ComboboxContent as X, ComboboxViewport as Q, ComboboxEmpty as Y, ComboboxItem as Z, ComboboxItemIndicator as Oe, ComboboxGroup as Pe, ComboboxLabel as Re, DialogRoot as ee, DialogTrigger as te, DialogPortal as ae, DialogOverlay as le, DialogContent as ne, DialogTitle as oe, DialogClose as se, ContextMenuRoot as qe, ContextMenuTrigger as Le, ContextMenuPortal as Ue, ContextMenuContent as Ge, ContextMenuCheckboxItem as Ee, ContextMenuItemIndicator as ie, ContextMenuItem as ze, ContextMenuLabel as Fe, ContextMenuRadioGroup as He, ContextMenuRadioItem as Ke, ContextMenuSeparator as je, ContextMenuSub as We, ContextMenuSubTrigger as Je, ContextMenuSubContent as Xe, AlertDialogRoot as Qe, AlertDialogTrigger as Ye, AlertDialogPortal as Ze, AlertDialogOverlay as et, AlertDialogContent as tt, AlertDialogTitle as at, AlertDialogDescription as lt, AlertDialogCancel as nt, AlertDialogAction as ot, DrawerRoot as st, DrawerTrigger as it, DrawerPortal as dt, DrawerOverlay as rt, DrawerContent as ut, DrawerHandle as ct, DrawerTitle as bt, DrawerDescription as ft, DrawerClose as mt, DropdownMenuRoot as pt, DropdownMenuTrigger as vt, DropdownMenuPortal as ht, DropdownMenuContent as _t, DropdownMenuItem as gt, DropdownMenuSeparator as yt, HoverCardRoot as $t, HoverCardTrigger as Nt, HoverCardPortal as It, HoverCardContent as kt, MenubarRoot as xt, MenubarMenu as Ct, MenubarTrigger as Bt, MenubarPortal as Vt, MenubarContent as wt, MenubarItem as St, MenubarSeparator as Mt, NavigationMenuRoot as Tt, NavigationMenuList as At, NavigationMenuItem as Dt, NavigationMenuTrigger as Ot, NavigationMenuContent as Pt, NavigationMenuLink as E, NumberFieldRoot as Rt, NumberFieldDecrement as qt, NumberFieldInput as Lt, NumberFieldIncrement as Ut, PaginationRoot as Gt, PaginationPrev as Et, PaginationList as zt, PaginationListItem as Ft, PaginationEllipsis as Ht, PaginationNext as Kt, PinInputRoot as jt, PinInputInput as Wt, PopoverRoot as Jt, PopoverTrigger as Xt, PopoverPortal as Qt, PopoverContent as Yt, PopoverClose as Zt, ProgressRoot as ea, ProgressIndicator as ta, ScrollAreaRoot as aa, ScrollAreaViewport as la, ScrollAreaScrollbar as na, ScrollAreaThumb as oa, DialogDescription as sa, SelectRoot as ia, SelectTrigger as da, SelectValue as ra, SelectIcon as ua, SelectPortal as ca, SelectContent as ba, SelectScrollUpButton as fa, SelectViewport as ma, SelectScrollDownButton as pa, SelectItem as va, SelectItemText as ha, SelectItemIndicator as _a, Separator as ga, SliderRoot as ya, SliderTrack as $a, SliderRange as Na, SliderThumb as Ia, StepperRoot as ka, StepperItem as xa, StepperTrigger as Ca, StepperIndicator as Ba, StepperTitle as Va, StepperDescription as wa, TagsInputRoot as Sa, TagsInputItem as Ma, TagsInputItemText as Ta, TagsInputItemDelete as Aa, TagsInputInput as Da, ToastProvider as Oa, ToastRoot as Pa, ToastTitle as Ra, ToastDescription as qa, ToastClose as La, ToastViewport as Ua, Toggle as Ga, ToggleGroupRoot as Ea, ToggleGroupItem as za } from "reka-ui";
+function Fa(e) {
   return {
-    install(o) {
-      Object.entries(e).forEach(([a, s]) => o.component(a, s));
+    install(n) {
+      Object.entries(e).forEach(([t, s]) => n.component(t, s));
     }
   };
 }
-const ga = /* @__PURE__ */ h({
+const Ha = /* @__PURE__ */ v({
   __name: "NbAccordion",
   props: {
     modelValue: {},
@@ -16,16 +16,16 @@ const ga = /* @__PURE__ */ h({
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: o }) {
-    const a = o;
-    return (s, l) => (n(), y(t(ve), {
+  setup(e, { emit: n }) {
+    const t = n;
+    return (s, l) => (o(), y(a($e), {
       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) => a("update:modelValue", b))
+      "onUpdate:modelValue": l[0] || (l[0] = (c) => t("update:modelValue", c))
     }, {
       default: d(() => [
         _(s.$slots, "default")
@@ -33,7 +33,7 @@ const ga = /* @__PURE__ */ h({
       _: 3
     }, 8, ["model-value", "default-value", "collapsible", "disabled"]));
   }
-}), _a = { class: "nb-accordion__body" }, ya = /* @__PURE__ */ h({
+}), Ka = { class: "nb-accordion__body" }, ja = /* @__PURE__ */ v({
   __name: "NbAccordionItem",
   props: {
     value: {},
@@ -41,18 +41,18 @@ const ga = /* @__PURE__ */ h({
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (o, a) => (n(), y(t(he), {
+    return (n, t) => (o(), y(a(Ne), {
       class: "nb-accordion__item",
       value: e.value,
       disabled: e.disabled
     }, {
       default: d(() => [
-        c(t(ge), { class: "nb-accordion__header" }, {
+        b(a(Ie), { class: "nb-accordion__header" }, {
           default: d(() => [
-            c(t(_e), { class: "nb-accordion__trigger" }, {
+            b(a(ke), { class: "nb-accordion__trigger" }, {
               default: d(() => [
                 f("span", null, p(e.title), 1),
-                a[0] || (a[0] = f("svg", {
+                t[0] || (t[0] = f("svg", {
                   class: "nb-accordion__icon",
                   viewBox: "0 0 16 16",
                   "aria-hidden": "true",
@@ -66,10 +66,10 @@ const ga = /* @__PURE__ */ h({
           ]),
           _: 1
         }),
-        c(t(ye), { class: "nb-accordion__content" }, {
+        b(a(xe), { class: "nb-accordion__content" }, {
           default: d(() => [
-            f("div", _a, [
-              _(o.$slots, "default")
+            f("div", Ka, [
+              _(n.$slots, "default")
             ])
           ]),
           _: 3
@@ -78,41 +78,41 @@ const ga = /* @__PURE__ */ h({
       _: 3
     }, 8, ["value", "disabled"]));
   }
-}), $a = /* @__PURE__ */ h({
+}), Wa = /* @__PURE__ */ v({
   __name: "NbAspectRatio",
   props: {
     ratio: { default: 1 }
   },
   setup(e) {
-    return (o, a) => (n(), y(t($e), {
+    return (n, t) => (o(), y(a(Ce), {
       class: "nb-root nb-aspect-ratio",
       ratio: e.ratio
     }, {
       default: d(() => [
-        _(o.$slots, "default")
+        _(n.$slots, "default")
       ]),
       _: 3
     }, 8, ["ratio"]));
   }
 });
-function O(...e) {
+function P(...e) {
   return e.filter(Boolean).join(" ");
 }
-const Na = /* @__PURE__ */ h({
+const Ja = /* @__PURE__ */ v({
   __name: "NbBadge",
   props: {
     tone: { default: "primary" },
     size: { default: "md" }
   },
   setup(e) {
-    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])
+    const n = e, t = N(() => P(`nb-badge--${n.tone}`, `nb-badge--${n.size}`));
+    return (s, l) => (o(), u("span", {
+      class: C(["nb-root nb-badge", t.value])
     }, [
       _(s.$slots, "default")
     ], 2));
   }
-}), Ia = /* @__PURE__ */ h({
+}), Xa = /* @__PURE__ */ v({
   __name: "NbAvatar",
   props: {
     name: {},
@@ -121,26 +121,26 @@ const Na = /* @__PURE__ */ h({
     tone: { default: "primary" }
   },
   setup(e) {
-    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}`]]),
+    const n = e, t = N(() => n.name.trim().split(/\s+/).slice(0, 2).map((s) => s[0]?.toUpperCase()).join(""));
+    return (s, l) => (o(), y(a(Be), {
+      class: C(["nb-root nb-avatar", [`nb-avatar--${e.size}`, `nb-avatar--${e.tone}`]]),
       role: "img",
       "aria-label": e.name
     }, {
       default: d(() => [
-        e.src ? (n(), y(t(Ie), {
+        e.src ? (o(), y(a(Ve), {
           key: 0,
           class: "nb-avatar__image",
           src: e.src,
           alt: "",
           "aria-hidden": "true"
         }, null, 8, ["src"])) : g("", !0),
-        c(t(ke), {
+        b(a(we), {
           class: "nb-avatar__fallback",
           "aria-hidden": "true"
         }, {
           default: d(() => [
-            I(p(a.value), 1)
+            I(p(t.value), 1)
           ]),
           _: 1
         })
@@ -148,46 +148,46 @@ const Na = /* @__PURE__ */ h({
       _: 1
     }, 8, ["class", "aria-label"]));
   }
-}), ka = ["aria-label"], xa = ["href"], Va = ["aria-current"], Ba = {
+}), Qa = ["aria-label"], Ya = ["href"], Za = ["aria-current"], el = {
   key: 2,
   class: "nb-breadcrumbs__separator",
   viewBox: "0 0 16 16",
   "aria-hidden": "true",
   focusable: "false"
-}, Ca = /* @__PURE__ */ h({
+}, tl = /* @__PURE__ */ v({
   __name: "NbBreadcrumbs",
   props: {
     items: {},
     label: { default: "Breadcrumb" }
   },
   setup(e) {
-    return (o, a) => (n(), u("nav", {
+    return (n, t) => (o(), u("nav", {
       class: "nb-root nb-breadcrumbs",
       "aria-label": e.label
     }, [
       f("ol", null, [
-        (n(!0), u(B, null, T(e.items, (s, l) => (n(), u("li", {
+        (o(!0), u(V, null, S(e.items, (s, l) => (o(), u("li", {
           key: `${s.label}-${l}`
         }, [
-          s.href && l < e.items.length - 1 ? (n(), u("a", {
+          s.href && l < e.items.length - 1 ? (o(), u("a", {
             key: 0,
             href: s.href
-          }, p(s.label), 9, xa)) : (n(), u("span", {
+          }, p(s.label), 9, Ya)) : (o(), u("span", {
             key: 1,
             "aria-current": l === e.items.length - 1 ? "page" : void 0
-          }, p(s.label), 9, Va)),
-          l < e.items.length - 1 ? (n(), u("svg", Ba, [...a[0] || (a[0] = [
+          }, p(s.label), 9, Za)),
+          l < e.items.length - 1 ? (o(), u("svg", el, [...t[0] || (t[0] = [
             f("path", { d: "m6 3 5 5-5 5" }, null, -1)
           ])])) : g("", !0)
         ]))), 128))
       ])
-    ], 8, ka));
+    ], 8, Qa));
   }
-}), wa = ["type", "disabled", "aria-busy"], Ta = {
+}), al = ["type", "disabled", "aria-busy"], ll = {
   key: 0,
   class: "nb-button__loader",
   "aria-hidden": "true"
-}, Sa = /* @__PURE__ */ h({
+}, de = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "NbButton",
   props: {
@@ -198,46 +198,114 @@ const Na = /* @__PURE__ */ h({
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const o = e, a = N(() => O(
-      `nb-button--${o.variant}`,
-      `nb-button--${o.size}`,
-      o.loading && "is-loading"
+    const n = e, t = N(() => P(
+      `nb-button--${n.variant}`,
+      `nb-button--${n.size}`,
+      n.loading && "is-loading"
     ));
-    return (s, l) => (n(), u("button", k(s.$attrs, {
-      class: ["nb-root nb-button", a.value],
+    return (s, l) => (o(), u("button", k(s.$attrs, {
+      class: ["nb-root nb-button", t.value],
       type: e.type,
       disabled: e.disabled || e.loading,
       "aria-busy": e.loading || void 0
     }), [
-      e.loading ? (n(), u("span", Ta, "✦")) : g("", !0),
+      e.loading ? (o(), u("span", ll, "✦")) : g("", !0),
       f("span", null, [
         _(s.$slots, "default")
       ])
-    ], 16, wa));
+    ], 16, al));
   }
-}), Aa = ["aria-label", "data-orientation"], Ma = /* @__PURE__ */ h({
+}), nl = ["aria-label", "data-orientation"], ol = /* @__PURE__ */ v({
   __name: "NbButtonGroup",
   props: {
     orientation: { default: "horizontal" },
     label: {}
   },
   setup(e) {
-    return (o, a) => (n(), u("div", {
+    return (n, t) => (o(), u("div", {
       class: "nb-root nb-button-group",
       role: "group",
       "aria-label": e.label,
       "data-orientation": e.orientation
     }, [
-      _(o.$slots, "default")
-    ], 8, Aa));
+      _(n.$slots, "default")
+    ], 8, nl));
   }
-}), Da = {
+}), sl = ["aria-label"], il = { class: "nb-carousel__controls" }, dl = { "aria-live": "polite" }, rl = ["disabled"], ul = ["disabled"], cl = /* @__PURE__ */ v({
+  __name: "NbCarousel",
+  props: {
+    label: { default: "Carousel" }
+  },
+  setup(e) {
+    const n = x(null), t = x(0), s = x(0);
+    function l() {
+      const m = n.value;
+      m && (s.value = m.children.length, t.value = s.value ? Math.min(s.value - 1, Math.round(m.scrollLeft / (m.clientWidth || 1))) : 0);
+    }
+    function c(m) {
+      const i = n.value;
+      if (!i) return;
+      const r = Math.max(0, Math.min(s.value - 1, t.value + m));
+      i.scrollTo({ left: r * i.clientWidth, behavior: "smooth" });
+    }
+    return be(l), fe(() => {
+      H(l);
+    }), (m, i) => (o(), u("section", {
+      class: "nb-root nb-carousel",
+      role: "region",
+      "aria-roledescription": "carousel",
+      "aria-label": e.label
+    }, [
+      f("div", {
+        ref_key: "track",
+        ref: n,
+        class: "nb-carousel__track",
+        tabindex: "0",
+        onScrollPassive: l
+      }, [
+        _(m.$slots, "default")
+      ], 544),
+      f("div", il, [
+        f("span", dl, p(s.value ? `${t.value + 1} / ${s.value}` : ""), 1),
+        f("div", null, [
+          f("button", {
+            type: "button",
+            "aria-label": "Previous slide",
+            disabled: t.value === 0,
+            onClick: i[0] || (i[0] = (r) => c(-1))
+          }, "←", 8, rl),
+          f("button", {
+            type: "button",
+            "aria-label": "Next slide",
+            disabled: t.value >= s.value - 1,
+            onClick: i[1] || (i[1] = (r) => c(1))
+          }, "→", 8, ul)
+        ])
+      ])
+    ], 8, sl));
+  }
+}), bl = ["aria-label"], fl = /* @__PURE__ */ v({
+  __name: "NbCarouselSlide",
+  props: {
+    label: {}
+  },
+  setup(e) {
+    return (n, t) => (o(), u("div", {
+      class: "nb-carousel__slide",
+      role: "group",
+      "aria-roledescription": "slide",
+      "aria-label": e.label
+    }, [
+      _(n.$slots, "default")
+    ], 8, bl));
+  }
+}), ml = {
   key: 0,
   class: "nb-card__header"
-}, Oa = { class: "nb-card__body" }, Pa = {
+}, pl = { class: "nb-card__body" }, vl = {
   key: 1,
   class: "nb-card__footer"
-}, Ra = /* @__PURE__ */ h({
+}, hl = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "NbCard",
   props: {
@@ -245,41 +313,41 @@ const Na = /* @__PURE__ */ h({
     interactive: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const o = e, a = N(() => O(
-      `nb-card--${o.tone}`,
-      o.interactive && "nb-card--interactive"
+    const n = e, t = N(() => P(
+      `nb-card--${n.tone}`,
+      n.interactive && "nb-card--interactive"
     ));
-    return (s, l) => (n(), u("article", k(s.$attrs, {
-      class: ["nb-root nb-card", a.value]
+    return (s, l) => (o(), u("article", k(s.$attrs, {
+      class: ["nb-root nb-card", t.value]
     }), [
-      s.$slots.header ? (n(), u("header", Da, [
+      s.$slots.header ? (o(), u("header", ml, [
         _(s.$slots, "header")
       ])) : g("", !0),
-      f("div", Oa, [
+      f("div", pl, [
         _(s.$slots, "default")
       ]),
-      s.$slots.footer ? (n(), u("footer", Pa, [
+      s.$slots.footer ? (o(), u("footer", vl, [
         _(s.$slots, "footer")
       ])) : g("", !0)
     ], 16));
   }
 });
-let E = 0;
-function M(e = "nb") {
-  return E += 1, `${e}-${E}`;
+let z = 0;
+function A(e = "nb") {
+  return z += 1, `${e}-${z}`;
 }
-function w(e, o) {
-  const a = o ?? M(e);
+function w(e, n) {
+  const t = n ?? A(e);
   return {
-    inputId: a,
-    hintId: `${a}-hint`,
-    errorId: `${a}-error`
+    inputId: t,
+    hintId: `${t}-hint`,
+    errorId: `${t}-error`
   };
 }
-function S(e, o, a, s) {
-  return [e && a, o && s].filter(Boolean).join(" ") || void 0;
+function T(e, n, t, s) {
+  return [e && t, n && s].filter(Boolean).join(" ") || void 0;
 }
-const qa = ["for"], Ua = ["id", "checked", "disabled"], La = { class: "nb-checkbox__label" }, Ga = /* @__PURE__ */ h({
+const _l = ["for"], gl = ["id", "checked", "disabled"], yl = { class: "nb-checkbox__label" }, $l = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "NbCheckbox",
   props: {
@@ -289,28 +357,28 @@ const qa = ["for"], Ua = ["id", "checked", "disabled"], La = { class: "nb-checkb
     id: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: o }) {
-    const a = e, s = o, l = w("checkbox", a.id);
-    return (b, m) => (n(), u("label", {
+  setup(e, { emit: n }) {
+    const t = e, s = n, l = w("checkbox", t.id);
+    return (c, m) => (o(), u("label", {
       class: "nb-root nb-checkbox",
-      for: t(l).inputId
+      for: a(l).inputId
     }, [
-      f("input", k(b.$attrs, {
-        id: t(l).inputId,
+      f("input", k(c.$attrs, {
+        id: a(l).inputId,
         class: "nb-checkbox__input",
         type: "checkbox",
         checked: e.modelValue,
         disabled: e.disabled,
         onChange: m[0] || (m[0] = (i) => s("update:modelValue", i.target.checked))
-      }), null, 16, Ua),
+      }), null, 16, gl),
       m[1] || (m[1] = f("span", {
         class: "nb-checkbox__box",
         "aria-hidden": "true"
       }, "✓", -1)),
-      f("span", La, p(e.label), 1)
-    ], 8, qa));
+      f("span", yl, p(e.label), 1)
+    ], 8, _l));
   }
-}), za = { class: "nb-collapsible__body" }, Ea = /* @__PURE__ */ h({
+}), Nl = { class: "nb-collapsible__body" }, Il = /* @__PURE__ */ v({
   __name: "NbCollapsible",
   props: {
     title: {},
@@ -319,17 +387,17 @@ const qa = ["for"], Ua = ["id", "checked", "disabled"], La = { class: "nb-checkb
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:open"],
-  setup(e, { emit: o }) {
-    const a = o;
-    return (s, l) => (n(), y(t(xe), {
+  setup(e, { emit: n }) {
+    const t = n;
+    return (s, l) => (o(), y(a(Se), {
       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))
+      "onUpdate:open": l[0] || (l[0] = (c) => t("update:open", c))
     }, {
       default: d(() => [
-        c(t(Ve), { class: "nb-collapsible__trigger" }, {
+        b(a(Me), { class: "nb-collapsible__trigger" }, {
           default: d(() => [
             f("span", null, p(e.title), 1),
             l[1] || (l[1] = f("svg", {
@@ -343,9 +411,9 @@ const qa = ["for"], Ua = ["id", "checked", "disabled"], La = { class: "nb-checkb
           ]),
           _: 1
         }),
-        c(t(Be), { class: "nb-collapsible__content" }, {
+        b(a(Te), { class: "nb-collapsible__content" }, {
           default: d(() => [
-            f("div", za, [
+            f("div", Nl, [
               _(s.$slots, "default")
             ])
           ]),
@@ -355,7 +423,61 @@ const qa = ["for"], Ua = ["id", "checked", "disabled"], La = { class: "nb-checkb
       _: 3
     }, 8, ["open", "default-open", "disabled"]));
   }
-}), Fa = { class: "nb-root nb-field" }, Ha = ["for"], Ka = ["id"], ja = ["id"], Xa = /* @__PURE__ */ h({
+}), kl = {
+  role: "status",
+  "aria-live": "polite"
+}, xl = /* @__PURE__ */ v({
+  inheritAttrs: !1,
+  __name: "NbCopyButton",
+  props: {
+    text: {},
+    label: { default: "Copy" },
+    copiedLabel: { default: "Copied" },
+    errorLabel: { default: "Copy failed" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["copied", "error"],
+  setup(e, { emit: n }) {
+    const t = e, s = n, l = x("idle"), c = x(!1);
+    let m, i = !1;
+    M(() => t.text, () => {
+      clearTimeout(m), l.value = "idle";
+    }), K(() => {
+      i = !0, clearTimeout(m);
+    });
+    function r($) {
+      l.value = $, clearTimeout(m), m = setTimeout(() => {
+        l.value = "idle";
+      }, 2e3);
+    }
+    async function h() {
+      if (c.value || t.disabled) return;
+      c.value = !0;
+      const $ = t.text;
+      try {
+        if (!navigator.clipboard?.writeText) throw new Error("Clipboard is unavailable");
+        if (await navigator.clipboard.writeText($), i) return;
+        s("copied", $), t.text === $ && r("copied");
+      } catch (O) {
+        if (i) return;
+        s("error", O), t.text === $ && r("error");
+      } finally {
+        c.value = !1;
+      }
+    }
+    return ($, O) => (o(), y(de, k($.$attrs, {
+      variant: "secondary",
+      type: "button",
+      disabled: e.disabled || c.value,
+      onClick: h
+    }), {
+      default: d(() => [
+        f("span", kl, p(l.value === "copied" ? e.copiedLabel : l.value === "error" ? e.errorLabel : e.label), 1)
+      ]),
+      _: 1
+    }, 16, ["disabled"]));
+  }
+}), Cl = { class: "nb-root nb-field" }, Bl = ["for"], Vl = ["id"], wl = ["id"], Sl = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "NbCombobox",
   props: {
@@ -372,21 +494,21 @@ const qa = ["for"], Ua = ["id", "checked", "disabled"], La = { class: "nb-checkb
     id: {}
   },
   emits: ["update:modelValue"],
-  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));
+  setup(e, { emit: n }) {
+    const t = e, s = n, l = w("combobox", t.id), c = N(() => T(t.hint, t.error, l.hintId, l.errorId));
     function m(r) {
-      return a.options.find((v) => v.value === r)?.label ?? "";
+      return t.options.find((h) => h.value === r)?.label ?? "";
     }
     function i(r) {
       typeof r == "string" && s("update:modelValue", r);
     }
-    return (r, v) => (n(), u("div", Fa, [
-      e.label ? (n(), u("label", {
+    return (r, h) => (o(), u("div", Cl, [
+      e.label ? (o(), u("label", {
         key: 0,
         class: "nb-field__label",
-        for: t(l).inputId
-      }, p(e.label), 9, Ha)) : g("", !0),
-      c(t(H), {
+        for: a(l).inputId
+      }, p(e.label), 9, Bl)) : g("", !0),
+      b(a(j), {
         "model-value": e.modelValue,
         disabled: e.disabled,
         required: e.required,
@@ -395,21 +517,21 @@ const qa = ["for"], Ua = ["id", "checked", "disabled"], La = { class: "nb-checkb
         "onUpdate:modelValue": i
       }, {
         default: d(() => [
-          c(t(K), { class: "nb-combobox__anchor" }, {
+          b(a(W), { class: "nb-combobox__anchor" }, {
             default: d(() => [
-              c(t(j), k(r.$attrs, {
-                id: t(l).inputId,
+              b(a(J), k(r.$attrs, {
+                id: a(l).inputId,
                 class: "nb-combobox__input",
                 "display-value": m,
                 placeholder: e.placeholder,
                 "aria-invalid": e.error ? "true" : void 0,
-                "aria-describedby": b.value
+                "aria-describedby": c.value
               }), null, 16, ["id", "placeholder", "aria-invalid", "aria-describedby"]),
-              c(t(Ce), {
+              b(a(Ae), {
                 class: "nb-combobox__trigger",
                 "aria-label": "Show options"
               }, {
-                default: d(() => [...v[0] || (v[0] = [
+                default: d(() => [...h[0] || (h[0] = [
                   f("svg", {
                     viewBox: "0 0 16 16",
                     "aria-hidden": "true",
@@ -423,24 +545,24 @@ const qa = ["for"], Ua = ["id", "checked", "disabled"], La = { class: "nb-checkb
             ]),
             _: 1
           }),
-          c(t(we), null, {
+          b(a(De), null, {
             default: d(() => [
-              c(t(X), {
+              b(a(X), {
                 class: "nb-root nb-combobox__content",
                 position: "popper",
                 align: "start",
                 "side-offset": 5
               }, {
                 default: d(() => [
-                  c(t(J), { class: "nb-combobox__viewport" }, {
+                  b(a(Q), { class: "nb-combobox__viewport" }, {
                     default: d(() => [
-                      c(t(Q), { class: "nb-combobox__empty" }, {
+                      b(a(Y), { class: "nb-combobox__empty" }, {
                         default: d(() => [
                           I(p(e.emptyText), 1)
                         ]),
                         _: 1
                       }),
-                      (n(!0), u(B, null, T(e.options, ($) => (n(), y(t(W), {
+                      (o(!0), u(V, null, S(e.options, ($) => (o(), y(a(Z), {
                         key: $.value,
                         class: "nb-combobox__item",
                         value: $.value,
@@ -450,11 +572,11 @@ const qa = ["for"], Ua = ["id", "checked", "disabled"], La = { class: "nb-checkb
                       }, {
                         default: d(() => [
                           f("span", null, p($.label), 1),
-                          c(t(Te), {
+                          b(a(Oe), {
                             class: "nb-combobox__indicator",
                             "aria-hidden": "true"
                           }, {
-                            default: d(() => [...v[1] || (v[1] = [
+                            default: d(() => [...h[1] || (h[1] = [
                               f("svg", {
                                 viewBox: "0 0 16 16",
                                 focusable: "false"
@@ -479,23 +601,23 @@ const qa = ["for"], Ua = ["id", "checked", "disabled"], La = { class: "nb-checkb
         ]),
         _: 1
       }, 8, ["model-value", "disabled", "required", "name"]),
-      e.hint ? (n(), u("span", {
+      e.hint ? (o(), u("span", {
         key: 1,
-        id: t(l).hintId,
+        id: a(l).hintId,
         class: "nb-field__hint"
-      }, p(e.hint), 9, Ka)) : g("", !0),
-      e.error ? (n(), u("span", {
+      }, p(e.hint), 9, Vl)) : g("", !0),
+      e.error ? (o(), u("span", {
         key: 2,
-        id: t(l).errorId,
+        id: a(l).errorId,
         class: "nb-field__error"
-      }, p(e.error), 9, ja)) : g("", !0)
+      }, p(e.error), 9, wl)) : g("", !0)
     ]));
   }
-}), Ja = {
+}), Ml = {
   key: 0,
   class: "nb-command__shortcut",
   "aria-hidden": "true"
-}, F = /* @__PURE__ */ h({
+}, F = /* @__PURE__ */ v({
   __name: "NbCommandPanel",
   props: {
     modelValue: { default: "" },
@@ -505,29 +627,29 @@ const qa = ["for"], Ua = ["id", "checked", "disabled"], La = { class: "nb-checkb
     emptyText: {}
   },
   emits: ["update:modelValue", "select"],
-  setup(e, { emit: o }) {
-    const a = e, s = o, l = N(() => {
+  setup(e, { emit: n }) {
+    const t = e, s = n, l = N(() => {
       const m = /* @__PURE__ */ new Map();
-      for (const i of a.options) {
+      for (const i of t.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) {
+    function c(m) {
       if (typeof m != "string") return;
-      const i = a.options.find((r) => r.value === m);
+      const i = t.options.find((r) => r.value === m);
       i && (s("update:modelValue", m), s("select", i));
     }
-    return (m, i) => (n(), y(t(H), {
+    return (m, i) => (o(), y(a(j), {
       class: "nb-command",
       "model-value": e.modelValue,
       open: !0,
       "reset-search-term-on-select": !1,
-      "onUpdate:modelValue": b
+      "onUpdate:modelValue": c
     }, {
       default: d(() => [
-        c(t(K), { class: "nb-command__search" }, {
+        b(a(W), { class: "nb-command__search" }, {
           default: d(() => [
             i[0] || (i[0] = f("svg", {
               viewBox: "0 0 20 20",
@@ -541,7 +663,7 @@ const qa = ["for"], Ua = ["id", "checked", "disabled"], La = { class: "nb-checkb
               }),
               f("path", { d: "m13 13 4 4" })
             ], -1)),
-            c(t(j), {
+            b(a(J), {
               class: "nb-command__input",
               "aria-label": e.label,
               placeholder: e.placeholder,
@@ -550,22 +672,22 @@ const qa = ["for"], Ua = ["id", "checked", "disabled"], La = { class: "nb-checkb
           ]),
           _: 1
         }),
-        c(t(X), { class: "nb-command__content" }, {
+        b(a(X), { class: "nb-command__content" }, {
           default: d(() => [
-            c(t(J), { class: "nb-command__viewport" }, {
+            b(a(Q), { class: "nb-command__viewport" }, {
               default: d(() => [
-                c(t(Q), { class: "nb-command__empty" }, {
+                b(a(Y), { 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), {
+                (o(!0), u(V, null, S(l.value, (r) => (o(), y(a(Pe), {
                   key: r.label || "default",
                   class: "nb-command__group"
                 }, {
                   default: d(() => [
-                    r.label ? (n(), y(t(Ae), {
+                    r.label ? (o(), y(a(Re), {
                       key: 0,
                       class: "nb-command__group-label"
                     }, {
@@ -574,17 +696,17 @@ const qa = ["for"], Ua = ["id", "checked", "disabled"], La = { class: "nb-checkb
                       ]),
                       _: 2
                     }, 1024)) : g("", !0),
-                    (n(!0), u(B, null, T(r.options, (v) => (n(), y(t(W), {
-                      key: v.value,
+                    (o(!0), u(V, null, S(r.options, (h) => (o(), y(a(Z), {
+                      key: h.value,
                       class: "nb-command__item",
-                      value: v.value,
-                      "text-value": [v.label, ...v.keywords ?? []].join(" "),
-                      disabled: v.disabled,
-                      "data-value": v.value
+                      value: h.value,
+                      "text-value": [h.label, ...h.keywords ?? []].join(" "),
+                      disabled: h.disabled,
+                      "data-value": h.value
                     }, {
                       default: d(() => [
-                        f("span", null, p(v.label), 1),
-                        v.shortcut ? (n(), u("span", Ja, p(v.shortcut), 1)) : g("", !0)
+                        f("span", null, p(h.label), 1),
+                        h.shortcut ? (o(), u("span", Ml, p(h.shortcut), 1)) : g("", !0)
                       ]),
                       _: 2
                     }, 1032, ["value", "text-value", "disabled", "data-value"]))), 128))
@@ -601,7 +723,7 @@ const qa = ["for"], Ua = ["id", "checked", "disabled"], La = { class: "nb-checkb
       _: 1
     }, 8, ["model-value"]));
   }
-}), Qa = { class: "nb-command-dialog__header" }, Wa = /* @__PURE__ */ h({
+}), Tl = { class: "nb-command-dialog__header" }, Al = /* @__PURE__ */ v({
   __name: "NbCommand",
   props: {
     modelValue: { default: "" },
@@ -614,61 +736,61 @@ const qa = ["for"], Ua = ["id", "checked", "disabled"], La = { class: "nb-checkb
     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) => {
+  setup(e, { emit: n }) {
+    const t = e, s = n, l = x(t.open ?? t.defaultOpen), c = N(() => t.open ?? l.value);
+    M(() => t.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);
+      s("select", r), t.dialog && m(!1);
     }
-    return (r, v) => e.dialog ? (n(), y(t(Y), {
+    return (r, h) => e.dialog ? (o(), y(a(ee), {
       key: 0,
-      open: b.value,
+      open: c.value,
       "onUpdate:open": m
     }, {
       default: d(() => [
-        c(t(Z), { class: "nb-root nb-overlay-trigger" }, {
+        b(a(te), { class: "nb-root nb-overlay-trigger" }, {
           default: d(() => [
             _(r.$slots, "trigger")
           ]),
           _: 3
         }),
-        c(t(ee), null, {
+        b(a(ae), null, {
           default: d(() => [
-            c(t(te), { class: "nb-root nb-command-dialog__overlay" }),
-            c(t(ae), {
+            b(a(le), { class: "nb-root nb-command-dialog__overlay" }),
+            b(a(ne), {
               "aria-describedby": void 0,
               class: "nb-root nb-command-dialog"
             }, {
               default: d(() => [
-                f("header", Qa, [
-                  c(t(le), { class: "nb-command-dialog__title" }, {
+                f("header", Tl, [
+                  b(a(oe), { class: "nb-command-dialog__title" }, {
                     default: d(() => [
                       I(p(e.label), 1)
                     ]),
                     _: 1
                   }),
-                  c(t(ne), {
+                  b(a(se), {
                     class: "nb-overlay-close",
                     "aria-label": "Close command menu"
                   }, {
-                    default: d(() => [...v[2] || (v[2] = [
+                    default: d(() => [...h[2] || (h[2] = [
                       I("×", -1)
                     ])]),
                     _: 1
                   })
                 ]),
-                c(F, {
+                b(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", $)),
+                  "onUpdate:modelValue": h[0] || (h[0] = ($) => s("update:modelValue", $)),
                   onSelect: i
                 }, null, 8, ["model-value", "options", "label", "placeholder", "empty-text"])
               ]),
@@ -679,7 +801,7 @@ const qa = ["for"], Ua = ["id", "checked", "disabled"], La = { class: "nb-checkb
         })
       ]),
       _: 3
-    }, 8, ["open"])) : (n(), y(F, {
+    }, 8, ["open"])) : (o(), y(F, {
       key: 1,
       class: "nb-root",
       "model-value": e.modelValue,
@@ -687,39 +809,39 @@ const qa = ["for"], Ua = ["id", "checked", "disabled"], La = { class: "nb-checkb
       label: e.label,
       placeholder: e.placeholder,
       "empty-text": e.emptyText,
-      "onUpdate:modelValue": v[1] || (v[1] = ($) => s("update:modelValue", $)),
+      "onUpdate:modelValue": h[1] || (h[1] = ($) => s("update:modelValue", $)),
       onSelect: i
     }, null, 8, ["model-value", "options", "label", "placeholder", "empty-text"]));
   }
-}), Ya = /* @__PURE__ */ h({
+}), Dl = /* @__PURE__ */ v({
   __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) => {
+  setup(e, { emit: n }) {
+    const t = e, s = n, l = x(t.open ?? t.defaultOpen), c = N(() => t.open ?? l.value);
+    M(() => t.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,
+    return (i, r) => (o(), y(a(qe), {
+      open: c.value,
       "onUpdate:open": m
     }, {
       default: d(() => [
-        c(t(De), { "as-child": "" }, {
+        b(a(Le), { "as-child": "" }, {
           default: d(() => [
             _(i.$slots, "trigger")
           ]),
           _: 3
         }),
-        c(t(Oe), null, {
+        b(a(Ue), null, {
           default: d(() => [
-            c(t(Pe), {
+            b(a(Ge), {
               class: "nb-root nb-context-menu",
               "side-offset": 6
             }, {
@@ -735,23 +857,23 @@ const qa = ["for"], Ua = ["id", "checked", "disabled"], La = { class: "nb-checkb
       _: 3
     }, 8, ["open"]));
   }
-}), Za = /* @__PURE__ */ h({
+}), Ol = /* @__PURE__ */ v({
   __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), {
+  setup(e, { emit: n }) {
+    const t = n;
+    return (s, l) => (o(), y(a(Ee), {
       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))
+      "onUpdate:modelValue": l[0] || (l[0] = (c) => t("update:modelValue", c))
     }, {
       default: d(() => [
-        c(t(oe), {
+        b(a(ie), {
           class: "nb-context-menu__indicator",
           "aria-hidden": "true"
         }, {
@@ -765,19 +887,19 @@ const qa = ["for"], Ua = ["id", "checked", "disabled"], La = { class: "nb-checkb
       _: 3
     }, 8, ["model-value", "disabled"]));
   }
-}), el = /* @__PURE__ */ h({
+}), Pl = /* @__PURE__ */ v({
   __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 }]),
+  setup(e, { emit: n }) {
+    const t = n;
+    return (s, l) => (o(), y(a(ze), {
+      class: C(["nb-context-menu__item", { "nb-context-menu__item--destructive": e.destructive }]),
       disabled: e.disabled,
-      onSelect: l[0] || (l[0] = (b) => a("select", b))
+      onSelect: l[0] || (l[0] = (c) => t("select", c))
     }, {
       default: d(() => [
         _(s.$slots, "default")
@@ -785,28 +907,28 @@ const qa = ["for"], Ua = ["id", "checked", "disabled"], La = { class: "nb-checkb
       _: 3
     }, 8, ["class", "disabled"]));
   }
-}), tl = /* @__PURE__ */ h({
+}), Rl = /* @__PURE__ */ v({
   __name: "NbContextMenuLabel",
   setup(e) {
-    return (o, a) => (n(), y(t(Ue), { class: "nb-context-menu__label" }, {
+    return (n, t) => (o(), y(a(Fe), { class: "nb-context-menu__label" }, {
       default: d(() => [
-        _(o.$slots, "default")
+        _(n.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), al = /* @__PURE__ */ h({
+}), ql = /* @__PURE__ */ v({
   __name: "NbContextMenuRadioGroup",
   props: {
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: o }) {
-    const a = o;
+  setup(e, { emit: n }) {
+    const t = n;
     function s(l) {
-      typeof l == "string" && a("update:modelValue", l);
+      typeof l == "string" && t("update:modelValue", l);
     }
-    return (l, b) => (n(), y(t(Le), {
+    return (l, c) => (o(), y(a(He), {
       "model-value": e.modelValue,
       "onUpdate:modelValue": s
     }, {
@@ -816,80 +938,80 @@ const qa = ["for"], Ua = ["id", "checked", "disabled"], La = { class: "nb-checkb
       _: 3
     }, 8, ["model-value"]));
   }
-}), ll = /* @__PURE__ */ h({
+}), Ll = /* @__PURE__ */ v({
   __name: "NbContextMenuRadioItem",
   props: {
     value: {},
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (o, a) => (n(), y(t(Ge), {
+    return (n, t) => (o(), y(a(Ke), {
       class: "nb-context-menu__item nb-context-menu__item--choice",
       value: e.value,
       disabled: e.disabled
     }, {
       default: d(() => [
-        c(t(oe), {
+        b(a(ie), {
           class: "nb-context-menu__indicator",
           "aria-hidden": "true"
         }, {
-          default: d(() => [...a[0] || (a[0] = [
+          default: d(() => [...t[0] || (t[0] = [
             I("●", -1)
           ])]),
           _: 1
         }),
-        _(o.$slots, "default")
+        _(n.$slots, "default")
       ]),
       _: 3
     }, 8, ["value", "disabled"]));
   }
-}), nl = /* @__PURE__ */ h({
+}), Ul = /* @__PURE__ */ v({
   __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 = {
+    return (n, t) => (o(), y(a(je), { class: "nb-context-menu__separator" }));
+  }
+}), Gl = (e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [s, l] of n)
+    t[s] = l;
+  return t;
+}, El = {}, zl = {
   class: "nb-context-menu__shortcut",
   "aria-hidden": "true"
 };
-function dl(e, o) {
-  return n(), u("span", il, [
+function Fl(e, n) {
+  return o(), u("span", zl, [
     _(e.$slots, "default")
   ]);
 }
-const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
+const Hl = /* @__PURE__ */ Gl(El, [["render", Fl]]), Kl = /* @__PURE__ */ v({
   __name: "NbContextMenuSub",
   props: {
     label: {},
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (o, a) => (n(), y(t(Ee), null, {
+    return (n, t) => (o(), y(a(We), null, {
       default: d(() => [
-        c(t(Fe), {
+        b(a(Je), {
           class: "nb-context-menu__item",
           disabled: e.disabled
         }, {
           default: d(() => [
             I(p(e.label) + " ", 1),
-            a[0] || (a[0] = f("span", {
+            t[0] || (t[0] = f("span", {
               class: "nb-context-menu__shortcut",
               "aria-hidden": "true"
             }, "›", -1))
           ]),
           _: 1
         }, 8, ["disabled"]),
-        c(t(He), {
+        b(a(Xe), {
           class: "nb-root nb-context-menu",
           "side-offset": 6
         }, {
           default: d(() => [
-            _(o.$slots, "default")
+            _(n.$slots, "default")
           ]),
           _: 3
         })
@@ -897,7 +1019,7 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
       _: 3
     }));
   }
-}), cl = { class: "nb-alert__content" }, bl = { key: 0 }, fl = /* @__PURE__ */ h({
+}), jl = { class: "nb-alert__content" }, Wl = { key: 0 }, Jl = /* @__PURE__ */ v({
   __name: "NbAlert",
   props: {
     tone: { default: "info" },
@@ -905,23 +1027,23 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
     dismissible: { type: Boolean, default: !1 }
   },
   emits: ["dismiss"],
-  setup(e, { emit: o }) {
-    const a = e, s = o, l = C(!1), b = N(() => O(`nb-alert--${a.tone}`));
+  setup(e, { emit: n }) {
+    const t = e, s = n, l = x(!1), c = N(() => P(`nb-alert--${t.tone}`));
     function m() {
       l.value = !0, s("dismiss");
     }
-    return (i, r) => l.value ? g("", !0) : (n(), u("div", {
+    return (i, r) => l.value ? g("", !0) : (o(), u("div", {
       key: 0,
-      class: x(["nb-root nb-alert", b.value]),
+      class: C(["nb-root nb-alert", c.value]),
       role: "alert"
     }, [
-      f("div", cl, [
-        e.title ? (n(), u("strong", bl, p(e.title), 1)) : g("", !0),
+      f("div", jl, [
+        e.title ? (o(), u("strong", Wl, p(e.title), 1)) : g("", !0),
         f("span", null, [
           _(i.$slots, "default")
         ])
       ]),
-      e.dismissible ? (n(), u("button", {
+      e.dismissible ? (o(), u("button", {
         key: 0,
         class: "nb-alert__close",
         type: "button",
@@ -930,7 +1052,7 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
       }, "×")) : g("", !0)
     ], 2));
   }
-}), ml = { class: "nb-alert-dialog__actions" }, pl = /* @__PURE__ */ h({
+}), Xl = { class: "nb-alert-dialog__actions" }, Ql = /* @__PURE__ */ v({
   __name: "NbAlertDialog",
   props: {
     open: { type: Boolean, default: void 0 },
@@ -942,55 +1064,55 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
     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) => {
+  setup(e, { emit: n }) {
+    const t = e, s = n, l = x(t.open ?? t.defaultOpen), c = N(() => t.open ?? l.value);
+    M(() => t.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,
+    return (i, r) => (o(), y(a(Qe), {
+      open: c.value,
       "onUpdate:open": m
     }, {
       default: d(() => [
-        c(t(je), { class: "nb-root nb-overlay-trigger" }, {
+        b(a(Ye), { class: "nb-root nb-overlay-trigger" }, {
           default: d(() => [
             _(i.$slots, "trigger")
           ]),
           _: 3
         }),
-        c(t(Xe), null, {
+        b(a(Ze), null, {
           default: d(() => [
-            c(t(Je), { class: "nb-root nb-alert-dialog__overlay" }),
-            c(t(Qe), { class: "nb-root nb-alert-dialog" }, {
+            b(a(et), { class: "nb-root nb-alert-dialog__overlay" }),
+            b(a(tt), { class: "nb-root nb-alert-dialog" }, {
               default: d(() => [
-                c(t(We), { class: "nb-alert-dialog__title" }, {
+                b(a(at), { class: "nb-alert-dialog__title" }, {
                   default: d(() => [
                     I(p(e.title), 1)
                   ]),
                   _: 1
                 }),
-                c(t(Ye), { class: "nb-alert-dialog__description" }, {
+                b(a(lt), { class: "nb-alert-dialog__description" }, {
                   default: d(() => [
                     I(p(e.description), 1)
                   ]),
                   _: 1
                 }),
-                f("div", ml, [
-                  c(t(Ze), {
+                f("div", Xl, [
+                  b(a(nt), {
                     class: "nb-alert-dialog__button nb-alert-dialog__button--cancel",
-                    onClick: r[0] || (r[0] = (v) => s("cancel"))
+                    onClick: r[0] || (r[0] = (h) => 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"))
+                  b(a(ot), {
+                    class: C(["nb-alert-dialog__button", { "nb-alert-dialog__button--destructive": e.destructive }]),
+                    onClick: r[1] || (r[1] = (h) => s("action"))
                   }, {
                     default: d(() => [
                       I(p(e.actionLabel), 1)
@@ -1008,10 +1130,10 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
       _: 3
     }, 8, ["open"]));
   }
-}), vl = { class: "nb-dialog__header" }, hl = { class: "nb-dialog__body" }, gl = {
+}), Yl = { class: "nb-dialog__header" }, Zl = { class: "nb-dialog__body" }, en = {
   key: 0,
   class: "nb-dialog__footer"
-}, _l = /* @__PURE__ */ h({
+}, tn = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "NbDialog",
   props: {
@@ -1020,51 +1142,51 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
     closeOnBackdrop: { type: Boolean, default: !0 }
   },
   emits: ["update:open", "close"],
-  setup(e, { emit: o }) {
-    const a = e, s = o, b = `${M("dialog")}-title`, m = C(null), i = C(null);
+  setup(e, { emit: n }) {
+    const t = e, s = n, c = `${A("dialog")}-title`, m = x(null), i = x(null);
     function r() {
       s("update:open", !1), s("close");
     }
-    function v() {
+    function h() {
       return Array.from(m.value?.querySelectorAll(
         'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'
       ) ?? []);
     }
-    function $(V) {
-      if (V.key === "Escape") {
-        V.preventDefault(), r();
+    function $(B) {
+      if (B.key === "Escape") {
+        B.preventDefault(), r();
         return;
       }
-      if (V.key !== "Tab") return;
-      const D = v();
+      if (B.key !== "Tab") return;
+      const D = h();
       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());
+      B.shiftKey && document.activeElement === R ? (B.preventDefault(), G.focus()) : !B.shiftKey && document.activeElement === G && (B.preventDefault(), R.focus());
     }
-    function P() {
-      i.value = document.activeElement instanceof HTMLElement ? document.activeElement : null, document.addEventListener("keydown", $), re(() => (v()[0] ?? m.value)?.focus());
+    function O() {
+      i.value = document.activeElement instanceof HTMLElement ? document.activeElement : null, document.addEventListener("keydown", $), H(() => (h()[0] ?? m.value)?.focus());
     }
-    function L() {
+    function U() {
       document.removeEventListener("keydown", $), i.value?.focus(), i.value = null;
     }
-    return A(() => a.open, (V) => {
-      V ? P() : L();
-    }, { immediate: !0 }), ie(L), (V, D) => e.open ? (n(), u("div", {
+    return M(() => t.open, (B) => {
+      B ? O() : U();
+    }, { immediate: !0 }), K(U), (B, D) => e.open ? (o(), u("div", {
       key: 0,
       class: "nb-root nb-dialog-layer",
-      onMousedown: D[0] || (D[0] = de((R) => e.closeOnBackdrop && r(), ["self"]))
+      onMousedown: D[0] || (D[0] = me((R) => e.closeOnBackdrop && r(), ["self"]))
     }, [
-      f("section", k(V.$attrs, {
+      f("section", k(B.$attrs, {
         ref_key: "dialogRef",
         ref: m,
         class: "nb-dialog",
         role: "dialog",
         "aria-modal": "true",
-        "aria-labelledby": b,
+        "aria-labelledby": c,
         tabindex: "-1"
       }), [
-        f("header", vl, [
-          f("h2", { id: b }, p(e.title), 1),
+        f("header", Yl, [
+          f("h2", { id: c }, p(e.title), 1),
           f("button", {
             class: "nb-dialog__close",
             type: "button",
@@ -1072,16 +1194,104 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
             onClick: r
           }, "×")
         ]),
-        f("div", hl, [
-          _(V.$slots, "default")
+        f("div", Zl, [
+          _(B.$slots, "default")
         ]),
-        V.$slots.footer ? (n(), u("footer", gl, [
-          _(V.$slots, "footer")
+        B.$slots.footer ? (o(), u("footer", en, [
+          _(B.$slots, "footer")
         ])) : g("", !0)
       ], 16)
     ], 32)) : g("", !0);
   }
-}), yl = /* @__PURE__ */ h({
+}), an = { class: "nb-drawer__header" }, ln = { class: "nb-drawer__body" }, nn = {
+  key: 0,
+  class: "nb-drawer__footer"
+}, on = /* @__PURE__ */ v({
+  __name: "NbDrawer",
+  props: {
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: !1 },
+    title: {},
+    description: {},
+    side: { default: "bottom" }
+  },
+  emits: ["update:open"],
+  setup(e, { emit: n }) {
+    const t = e, s = n, l = x(t.open ?? t.defaultOpen), c = N(() => t.open ?? l.value), m = N(() => ({ bottom: "down", top: "up", left: "left", right: "right" })[t.side]);
+    M(() => t.open, (r) => {
+      r !== void 0 && (l.value = r);
+    });
+    function i(r) {
+      l.value = r, s("update:open", r);
+    }
+    return (r, h) => (o(), y(a(st), {
+      open: c.value,
+      "swipe-direction": m.value,
+      "onUpdate:open": i
+    }, {
+      default: d(() => [
+        b(a(it), { class: "nb-root nb-overlay-trigger" }, {
+          default: d(() => [
+            _(r.$slots, "trigger")
+          ]),
+          _: 3
+        }),
+        b(a(dt), null, {
+          default: d(() => [
+            b(a(rt), { class: "nb-root nb-drawer__overlay" }),
+            b(a(ut), k(e.description ? {} : { "aria-describedby": void 0 }, {
+              class: ["nb-root nb-drawer", `nb-drawer--${e.side}`]
+            }), {
+              default: d(() => [
+                b(a(ct), {
+                  class: "nb-drawer__handle",
+                  "aria-hidden": "true"
+                }),
+                f("header", an, [
+                  f("div", null, [
+                    b(a(bt), { class: "nb-drawer__title" }, {
+                      default: d(() => [
+                        I(p(e.title), 1)
+                      ]),
+                      _: 1
+                    }),
+                    e.description ? (o(), y(a(ft), {
+                      key: 0,
+                      class: "nb-drawer__description"
+                    }, {
+                      default: d(() => [
+                        I(p(e.description), 1)
+                      ]),
+                      _: 1
+                    })) : g("", !0)
+                  ]),
+                  b(a(mt), {
+                    class: "nb-overlay-close",
+                    "aria-label": "Close drawer"
+                  }, {
+                    default: d(() => [...h[0] || (h[0] = [
+                      I("×", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                f("div", ln, [
+                  _(r.$slots, "default")
+                ]),
+                r.$slots.footer ? (o(), u("footer", nn, [
+                  _(r.$slots, "footer")
+                ])) : g("", !0)
+              ]),
+              _: 3
+            }, 16, ["class"])
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["open", "swipe-direction"]));
+  }
+}), sn = /* @__PURE__ */ v({
   __name: "NbDropdownMenu",
   props: {
     open: { type: Boolean, default: void 0 },
@@ -1091,21 +1301,21 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
     disabled: { 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) => {
+  setup(e, { emit: n }) {
+    const t = e, s = n, l = x(t.open ?? t.defaultOpen), c = N(() => t.open ?? l.value);
+    M(() => t.open, (i) => {
       i !== void 0 && (l.value = i);
     });
     function m(i) {
       l.value = i, s("update:open", i);
     }
-    return (i, r) => (n(), y(t(tt), {
-      open: b.value,
+    return (i, r) => (o(), y(a(pt), {
+      open: c.value,
       "default-open": e.defaultOpen,
       "onUpdate:open": m
     }, {
       default: d(() => [
-        c(t(at), {
+        b(a(vt), {
           class: "nb-root nb-overlay-trigger",
           "aria-label": e.label,
           disabled: e.disabled
@@ -1123,9 +1333,9 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
           ]),
           _: 3
         }, 8, ["aria-label", "disabled"]),
-        c(t(lt), null, {
+        b(a(ht), null, {
           default: d(() => [
-            c(t(nt), {
+            b(a(_t), {
               class: "nb-root nb-dropdown-menu",
               align: e.align,
               "side-offset": 8
@@ -1142,19 +1352,19 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
       _: 3
     }, 8, ["open", "default-open"]));
   }
-}), $l = /* @__PURE__ */ h({
+}), dn = /* @__PURE__ */ v({
   __name: "NbDropdownMenuItem",
   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(ot), {
-      class: x(["nb-dropdown-menu__item", { "nb-dropdown-menu__item--destructive": e.destructive }]),
+  setup(e, { emit: n }) {
+    const t = n;
+    return (s, l) => (o(), y(a(gt), {
+      class: C(["nb-dropdown-menu__item", { "nb-dropdown-menu__item--destructive": e.destructive }]),
       disabled: e.disabled,
-      onSelect: l[0] || (l[0] = (b) => a("select", b))
+      onSelect: l[0] || (l[0] = (c) => t("select", c))
     }, {
       default: d(() => [
         _(s.$slots, "default")
@@ -1162,45 +1372,45 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
       _: 3
     }, 8, ["class", "disabled"]));
   }
-}), Nl = /* @__PURE__ */ h({
+}), rn = /* @__PURE__ */ v({
   __name: "NbDropdownMenuSeparator",
   setup(e) {
-    return (o, a) => (n(), y(t(st), { class: "nb-dropdown-menu__separator" }));
+    return (n, t) => (o(), y(a(yt), { class: "nb-dropdown-menu__separator" }));
   }
-}), Il = ["aria-labelledby"], kl = {
+}), un = ["aria-labelledby"], cn = {
   key: 0,
   class: "nb-empty-state__icon",
   "aria-hidden": "true"
-}, xl = ["id"], Vl = { key: 1 }, Bl = {
+}, bn = ["id"], fn = { key: 1 }, mn = {
   key: 2,
   class: "nb-empty-state__action"
-}, Cl = /* @__PURE__ */ h({
+}, pn = /* @__PURE__ */ v({
   __name: "NbEmptyState",
   props: {
     title: {},
     description: {}
   },
   setup(e) {
-    const o = M("empty-state-title");
-    return (a, s) => (n(), u("section", {
+    const n = A("empty-state-title");
+    return (t, s) => (o(), u("section", {
       class: "nb-root nb-empty-state",
       role: "region",
-      "aria-labelledby": t(o)
+      "aria-labelledby": a(n)
     }, [
-      a.$slots.icon ? (n(), u("div", kl, [
-        _(a.$slots, "icon")
+      t.$slots.icon ? (o(), u("div", cn, [
+        _(t.$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")
+      f("h2", { id: a(n) }, p(e.title), 9, bn),
+      e.description ? (o(), u("p", fn, p(e.description), 1)) : g("", !0),
+      t.$slots.default ? (o(), u("div", mn, [
+        _(t.$slots, "default")
       ])) : g("", !0)
-    ], 8, Il));
+    ], 8, un));
   }
-}), wl = ["disabled", "aria-describedby"], Tl = {
+}), vn = ["disabled", "aria-describedby"], hn = {
   key: 0,
   class: "nb-fieldset__legend"
-}, Sl = { class: "nb-fieldset__content" }, Al = /* @__PURE__ */ h({
+}, _n = { class: "nb-fieldset__content" }, gn = /* @__PURE__ */ v({
   __name: "NbFieldset",
   props: {
     legend: {},
@@ -1208,24 +1418,69 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const o = `${M("fieldset")}-description`;
-    return (a, s) => (n(), u("fieldset", {
+    const n = `${A("fieldset")}-description`;
+    return (t, s) => (o(), u("fieldset", {
       class: "nb-root nb-fieldset",
       disabled: e.disabled,
-      "aria-describedby": e.description ? o : void 0
+      "aria-describedby": e.description ? n : void 0
     }, [
-      e.legend ? (n(), u("legend", Tl, p(e.legend), 1)) : g("", !0),
-      e.description ? (n(), u("p", {
+      e.legend ? (o(), u("legend", hn, p(e.legend), 1)) : g("", !0),
+      e.description ? (o(), u("p", {
         key: 1,
-        id: o,
+        id: n,
         class: "nb-fieldset__description"
       }, p(e.description), 1)) : g("", !0),
-      f("div", Sl, [
-        _(a.$slots, "default")
+      f("div", _n, [
+        _(t.$slots, "default")
       ])
-    ], 8, wl));
+    ], 8, vn));
   }
-}), Ml = { class: "nb-root nb-field" }, Dl = ["for"], Ol = ["id", "value", "disabled", "aria-invalid", "aria-describedby"], Pl = ["id"], Rl = ["id"], ql = /* @__PURE__ */ h({
+}), re = /* @__PURE__ */ v({
+  inheritAttrs: !1,
+  __name: "NbLabel",
+  setup(e) {
+    return (n, t) => (o(), u("label", k(n.$attrs, { class: "nb-root nb-label" }), [
+      _(n.$slots, "default")
+    ], 16));
+  }
+}), yn = { class: "nb-root nb-field" }, $n = ["id"], Nn = ["id"], ue = /* @__PURE__ */ v({
+  __name: "NbField",
+  props: {
+    id: {},
+    label: {},
+    hint: {},
+    error: {}
+  },
+  setup(e) {
+    const n = e, t = w("field", n.id), s = N(() => T(n.hint, n.error, t.hintId, t.errorId));
+    return (l, c) => (o(), u("div", yn, [
+      e.label ? (o(), y(a(re), {
+        key: 0,
+        for: a(t).inputId
+      }, {
+        default: d(() => [
+          I(p(e.label), 1)
+        ]),
+        _: 1
+      }, 8, ["for"])) : g("", !0),
+      _(l.$slots, "default", {
+        inputId: a(t).inputId,
+        describedBy: s.value,
+        invalid: !!e.error
+      }),
+      e.hint ? (o(), u("span", {
+        key: 1,
+        id: a(t).hintId,
+        class: "nb-field__hint"
+      }, p(e.hint), 9, $n)) : g("", !0),
+      e.error ? (o(), u("span", {
+        key: 2,
+        id: a(t).errorId,
+        class: "nb-field__error"
+      }, p(e.error), 9, Nn)) : g("", !0)
+    ]));
+  }
+}), In = { class: "nb-root nb-field" }, kn = ["for"], xn = ["id", "value", "disabled", "aria-invalid", "aria-describedby"], Cn = ["id"], Bn = ["id"], Vn = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "NbInput",
   props: {
@@ -1237,58 +1492,58 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
     id: {}
   },
   emits: ["update:modelValue"],
-  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", {
+  setup(e, { emit: n }) {
+    const t = e, s = n, l = w("input", t.id), c = N(() => T(t.hint, t.error, l.hintId, l.errorId));
+    return (m, i) => (o(), u("div", In, [
+      e.label ? (o(), u("label", {
         key: 0,
         class: "nb-field__label",
-        for: t(l).inputId
-      }, p(e.label), 9, Dl)) : g("", !0),
+        for: a(l).inputId
+      }, p(e.label), 9, kn)) : g("", !0),
       f("input", k(m.$attrs, {
-        id: t(l).inputId,
+        id: a(l).inputId,
         class: "nb-field__control",
         value: e.modelValue,
         disabled: e.disabled,
         "aria-invalid": e.error ? "true" : void 0,
-        "aria-describedby": b.value,
+        "aria-describedby": c.value,
         onInput: i[0] || (i[0] = (r) => s("update:modelValue", r.target.value))
-      }), null, 16, Ol),
-      e.hint ? (n(), u("span", {
+      }), null, 16, xn),
+      e.hint ? (o(), u("span", {
         key: 1,
-        id: t(l).hintId,
+        id: a(l).hintId,
         class: "nb-field__hint"
-      }, p(e.hint), 9, Pl)) : g("", !0),
-      e.error ? (n(), u("span", {
+      }, p(e.hint), 9, Cn)) : g("", !0),
+      e.error ? (o(), u("span", {
         key: 2,
-        id: t(l).errorId,
+        id: a(l).errorId,
         class: "nb-field__error"
-      }, p(e.error), 9, Rl)) : g("", !0)
+      }, p(e.error), 9, Bn)) : g("", !0)
     ]));
   }
-}), Ul = { class: "nb-root nb-input-group" }, Ll = {
+}), wn = { class: "nb-root nb-input-group" }, Sn = {
   key: 0,
   class: "nb-input-group__addon"
-}, Gl = { class: "nb-input-group__control" }, zl = {
+}, Mn = { class: "nb-input-group__control" }, Tn = {
   key: 1,
   class: "nb-input-group__addon"
-}, El = /* @__PURE__ */ h({
+}, An = /* @__PURE__ */ v({
   __name: "NbInputGroup",
   setup(e) {
-    const o = ue();
-    return (a, s) => (n(), u("div", Ul, [
-      t(o).start ? (n(), u("span", Ll, [
-        _(a.$slots, "start")
+    const n = pe();
+    return (t, s) => (o(), u("div", wn, [
+      a(n).start ? (o(), u("span", Sn, [
+        _(t.$slots, "start")
       ])) : g("", !0),
-      f("div", Gl, [
-        _(a.$slots, "default")
+      f("div", Mn, [
+        _(t.$slots, "default")
       ]),
-      t(o).end ? (n(), u("span", zl, [
-        _(a.$slots, "end")
+      a(n).end ? (o(), u("span", Tn, [
+        _(t.$slots, "end")
       ])) : g("", !0)
     ]));
   }
-}), Fl = /* @__PURE__ */ h({
+}), Dn = /* @__PURE__ */ v({
   __name: "NbHoverCard",
   props: {
     open: { type: Boolean, default: void 0 },
@@ -1299,30 +1554,30 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
     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) => {
+  setup(e, { emit: n }) {
+    const t = e, s = n, l = x(t.open ?? t.defaultOpen), c = N(() => t.open ?? l.value);
+    M(() => t.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,
+    return (i, r) => (o(), y(a($t), {
+      open: c.value,
       "open-delay": e.openDelay,
       "close-delay": e.closeDelay,
       "onUpdate:open": m
     }, {
       default: d(() => [
-        c(t(dt), { "as-child": "" }, {
+        b(a(Nt), { "as-child": "" }, {
           default: d(() => [
             _(i.$slots, "trigger")
           ]),
           _: 3
         }),
-        c(t(rt), null, {
+        b(a(It), null, {
           default: d(() => [
-            c(t(ut), {
+            b(a(kt), {
               class: "nb-root nb-hover-card",
               align: e.align,
               side: e.side,
@@ -1340,19 +1595,19 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
       _: 3
     }, 8, ["open", "open-delay", "close-delay"]));
   }
-}), Hl = /* @__PURE__ */ h({
+}), On = /* @__PURE__ */ v({
   __name: "NbKbd",
   props: {
     size: { default: "md" }
   },
   setup(e) {
-    return (o, a) => (n(), u("kbd", {
-      class: x(["nb-root nb-kbd", `nb-kbd--${e.size}`])
+    return (n, t) => (o(), u("kbd", {
+      class: C(["nb-root nb-kbd", `nb-kbd--${e.size}`])
     }, [
-      _(o.$slots, "default")
+      _(n.$slots, "default")
     ], 2));
   }
-}), Kl = /* @__PURE__ */ h({
+}), Pn = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "NbLink",
   props: {
@@ -1360,9 +1615,9 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
     tone: { default: "primary" }
   },
   setup(e) {
-    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]
+    const n = e, t = N(() => P(`nb-link--${n.tone}`));
+    return (s, l) => (o(), y(ve(e.as), k(s.$attrs, {
+      class: ["nb-root nb-link", t.value]
     }), {
       default: d(() => [
         _(s.$slots, "default")
@@ -1370,43 +1625,149 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
       _: 3
     }, 16, ["class"]));
   }
-}), jl = /* @__PURE__ */ h({
+}), Rn = /* @__PURE__ */ v({
   __name: "NbMarker",
   props: {
     tone: { default: "primary" }
   },
   setup(e) {
-    return (o, a) => (n(), u("mark", {
-      class: x(["nb-root nb-marker", `nb-marker--${e.tone}`])
+    return (n, t) => (o(), u("mark", {
+      class: C(["nb-root nb-marker", `nb-marker--${e.tone}`])
     }, [
-      _(o.$slots, "default")
+      _(n.$slots, "default")
     ], 2));
   }
-}), Xl = ["href", "target"], Jl = { key: 0 }, Ql = ["href", "target"], Wl = /* @__PURE__ */ h({
+}), qn = { class: "nb-root nb-meter" }, Ln = { class: "nb-meter__header" }, Un = ["for"], Gn = {
+  key: 0,
+  "aria-hidden": "true"
+}, En = ["id", "value", "min", "max", "low", "high", "optimum"], zn = /* @__PURE__ */ v({
+  __name: "NbMeter",
+  props: {
+    value: {},
+    min: { default: 0 },
+    max: { default: 100 },
+    label: {},
+    showValue: { type: Boolean, default: !1 },
+    low: {},
+    high: {},
+    optimum: {}
+  },
+  setup(e) {
+    const n = e, t = A("meter"), s = N(() => n.max > n.min ? Math.round(Math.min(100, Math.max(0, (n.value - n.min) / (n.max - n.min) * 100))) : 0);
+    return (l, c) => (o(), u("div", qn, [
+      f("div", Ln, [
+        f("label", { for: a(t) }, p(e.label), 9, Un),
+        e.showValue ? (o(), u("span", Gn, p(s.value) + "%", 1)) : g("", !0)
+      ]),
+      f("meter", {
+        id: a(t),
+        value: e.value,
+        min: e.min,
+        max: e.max,
+        low: e.low,
+        high: e.high,
+        optimum: e.optimum
+      }, p(s.value) + "%", 9, En)
+    ]));
+  }
+}), Fn = /* @__PURE__ */ v({
+  __name: "NbMenubar",
+  props: {
+    label: { default: "Actions" }
+  },
+  setup(e) {
+    return (n, t) => (o(), y(a(xt), {
+      class: "nb-root nb-menubar",
+      "aria-label": e.label
+    }, {
+      default: d(() => [
+        _(n.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["aria-label"]));
+  }
+}), Hn = /* @__PURE__ */ v({
+  __name: "NbMenubarMenu",
+  props: {
+    label: {}
+  },
+  setup(e) {
+    return (n, t) => (o(), y(a(Ct), null, {
+      default: d(() => [
+        b(a(Bt), { class: "nb-menubar__trigger" }, {
+          default: d(() => [
+            I(p(e.label), 1)
+          ]),
+          _: 1
+        }),
+        b(a(Vt), null, {
+          default: d(() => [
+            b(a(wt), {
+              class: "nb-root nb-menubar__content",
+              "side-offset": 6
+            }, {
+              default: d(() => [
+                _(n.$slots, "default")
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }));
+  }
+}), Kn = /* @__PURE__ */ v({
+  __name: "NbMenubarItem",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    destructive: { type: Boolean, default: !1 }
+  },
+  emits: ["select"],
+  setup(e, { emit: n }) {
+    const t = n;
+    return (s, l) => (o(), y(a(St), {
+      class: C(["nb-menubar__item", { "nb-menubar__item--destructive": e.destructive }]),
+      disabled: e.disabled,
+      onSelect: l[0] || (l[0] = (c) => t("select", c))
+    }, {
+      default: d(() => [
+        _(s.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class", "disabled"]));
+  }
+}), jn = /* @__PURE__ */ v({
+  __name: "NbMenubarSeparator",
+  setup(e) {
+    return (n, t) => (o(), y(a(Mt), { class: "nb-menubar__separator" }));
+  }
+}), Wn = ["href", "target"], Jn = { key: 0 }, Xn = ["href", "target"], Qn = /* @__PURE__ */ v({
   __name: "NbNavigationMenu",
   props: {
     items: {},
     label: { default: "Main navigation" }
   },
   setup(e) {
-    return (o, a) => (n(), y(t(ct), {
+    return (n, t) => (o(), y(a(Tt), {
       class: "nb-root nb-navigation-menu",
       "aria-label": e.label
     }, {
       default: d(() => [
-        c(t(bt), { class: "nb-navigation-menu__list" }, {
+        b(a(At), { class: "nb-navigation-menu__list" }, {
           default: d(() => [
-            (n(!0), u(B, null, T(e.items, (s, l) => (n(), y(t(ft), {
+            (o(!0), u(V, null, S(e.items, (s, l) => (o(), y(a(Dt), {
               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" }, {
+                s.children?.length ? (o(), u(V, { key: 0 }, [
+                  b(a(Ot), { class: "nb-navigation-menu__trigger" }, {
                     default: d(() => [
                       I(p(s.label) + " ", 1),
-                      a[0] || (a[0] = f("svg", {
+                      t[0] || (t[0] = f("svg", {
                         viewBox: "0 0 16 16",
                         "aria-hidden": "true",
                         focusable: "false"
@@ -1416,29 +1777,29 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
                     ]),
                     _: 2
                   }, 1024),
-                  c(t(pt), { class: "nb-navigation-menu__content" }, {
+                  b(a(Pt), { class: "nb-navigation-menu__content" }, {
                     default: d(() => [
-                      (n(!0), u(B, null, T(s.children, (b) => (n(), y(t(z), {
-                        key: b.label,
+                      (o(!0), u(V, null, S(s.children, (c) => (o(), y(a(E), {
+                        key: c.label,
                         "as-child": "",
-                        active: b.active
+                        active: c.active
                       }, {
                         default: d(() => [
                           f("a", {
                             class: "nb-navigation-menu__link nb-navigation-menu__link--panel",
-                            href: b.href,
-                            target: b.target
+                            href: c.href,
+                            target: c.target
                           }, [
-                            f("strong", null, p(b.label), 1),
-                            b.description ? (n(), u("span", Jl, p(b.description), 1)) : g("", !0)
-                          ], 8, Xl)
+                            f("strong", null, p(c.label), 1),
+                            c.description ? (o(), u("span", Jn, p(c.description), 1)) : g("", !0)
+                          ], 8, Wn)
                         ]),
                         _: 2
                       }, 1032, ["active"]))), 128))
                     ]),
                     _: 2
                   }, 1024)
-                ], 64)) : (n(), y(t(z), {
+                ], 64)) : (o(), y(a(E), {
                   key: 1,
                   "as-child": "",
                   active: s.active
@@ -1448,7 +1809,7 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
                       class: "nb-navigation-menu__link",
                       href: s.href,
                       target: s.target
-                    }, p(s.label), 9, Ql)
+                    }, p(s.label), 9, Xn)
                   ]),
                   _: 2
                 }, 1032, ["active"]))
@@ -1462,7 +1823,56 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
       _: 1
     }, 8, ["aria-label"]));
   }
-}), Yl = { class: "nb-root nb-field" }, Zl = ["for"], en = ["id"], tn = ["id"], an = /* @__PURE__ */ h({
+}), Yn = { class: "nb-native-select" }, Zn = ["id", "name", "value", "required", "disabled", "aria-invalid", "aria-describedby"], eo = /* @__PURE__ */ v({
+  inheritAttrs: !1,
+  __name: "NbNativeSelect",
+  props: {
+    modelValue: { default: "" },
+    label: {},
+    hint: {},
+    error: {},
+    id: {},
+    name: {},
+    required: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: n }) {
+    const t = e, s = n;
+    return (l, c) => (o(), y(a(ue), {
+      id: t.id,
+      label: e.label,
+      hint: e.hint,
+      error: e.error
+    }, {
+      default: d(({ inputId: m, describedBy: i, invalid: r }) => [
+        f("span", Yn, [
+          f("select", k(l.$attrs, {
+            id: m,
+            class: "nb-field__control nb-native-select__control",
+            name: e.name,
+            value: e.modelValue,
+            required: e.required,
+            disabled: e.disabled,
+            "aria-invalid": r || void 0,
+            "aria-describedby": i,
+            onChange: c[0] || (c[0] = (h) => s("update:modelValue", h.target.value))
+          }), [
+            _(l.$slots, "default")
+          ], 16, Zn),
+          c[1] || (c[1] = f("svg", {
+            viewBox: "0 0 16 16",
+            "aria-hidden": "true",
+            focusable: "false"
+          }, [
+            f("path", { d: "m3 6 5 5 5-5" })
+          ], -1))
+        ])
+      ]),
+      _: 3
+    }, 8, ["id", "label", "hint", "error"]));
+  }
+}), to = { class: "nb-root nb-field" }, ao = ["for"], lo = ["id"], no = ["id"], oo = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "NbNumberInput",
   props: {
@@ -1480,15 +1890,15 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
     step: { default: 1 }
   },
   emits: ["update:modelValue"],
-  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", {
+  setup(e, { emit: n }) {
+    const t = e, s = n, l = w("number-input", t.id), c = N(() => T(t.hint, t.error, l.hintId, l.errorId)), m = N(() => t.label ?? "value");
+    return (i, r) => (o(), u("div", to, [
+      e.label ? (o(), u("label", {
         key: 0,
         class: "nb-field__label",
-        for: t(l).inputId
-      }, p(e.label), 9, Zl)) : g("", !0),
-      c(t(vt), {
+        for: a(l).inputId
+      }, p(e.label), 9, ao)) : g("", !0),
+      b(a(Rt), {
         class: "nb-number-input",
         "model-value": e.modelValue,
         min: e.min,
@@ -1498,10 +1908,10 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
         readonly: e.readonly,
         required: e.required,
         name: e.name,
-        "onUpdate:modelValue": r[0] || (r[0] = (v) => s("update:modelValue", v))
+        "onUpdate:modelValue": r[0] || (r[0] = (h) => s("update:modelValue", h))
       }, {
         default: d(() => [
-          c(t(ht), {
+          b(a(qt), {
             class: "nb-number-input__button",
             "aria-label": `Decrease ${m.value}`
           }, {
@@ -1510,13 +1920,13 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
             ])]),
             _: 1
           }, 8, ["aria-label"]),
-          c(t(gt), k(i.$attrs, {
-            id: t(l).inputId,
+          b(a(Lt), k(i.$attrs, {
+            id: a(l).inputId,
             class: "nb-number-input__input",
             "aria-invalid": e.error ? "true" : void 0,
-            "aria-describedby": b.value
+            "aria-describedby": c.value
           }), null, 16, ["id", "aria-invalid", "aria-describedby"]),
-          c(t(_t), {
+          b(a(Ut), {
             class: "nb-number-input__button",
             "aria-label": `Increase ${m.value}`
           }, {
@@ -1528,19 +1938,19 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
         ]),
         _: 1
       }, 8, ["model-value", "min", "max", "step", "disabled", "readonly", "required", "name"]),
-      e.hint ? (n(), u("span", {
+      e.hint ? (o(), u("span", {
         key: 1,
-        id: t(l).hintId,
+        id: a(l).hintId,
         class: "nb-field__hint"
-      }, p(e.hint), 9, en)) : g("", !0),
-      e.error ? (n(), u("span", {
+      }, p(e.hint), 9, lo)) : g("", !0),
+      e.error ? (o(), u("span", {
         key: 2,
-        id: t(l).errorId,
+        id: a(l).errorId,
         class: "nb-field__error"
-      }, p(e.error), 9, tn)) : g("", !0)
+      }, p(e.error), 9, no)) : g("", !0)
     ]));
   }
-}), ln = /* @__PURE__ */ h({
+}), so = /* @__PURE__ */ v({
   __name: "NbPagination",
   props: {
     page: {},
@@ -1552,9 +1962,9 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
     label: { default: "Pagination" }
   },
   emits: ["update:page"],
-  setup(e, { emit: o }) {
-    const a = o;
-    return (s, l) => (n(), y(t(yt), {
+  setup(e, { emit: n }) {
+    const t = n;
+    return (s, l) => (o(), y(a(Gt), {
       class: "nb-root nb-pagination",
       page: e.page,
       "default-page": e.defaultPage,
@@ -1564,10 +1974,10 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
       disabled: e.disabled,
       "show-edges": "",
       "aria-label": e.label,
-      "onUpdate:page": l[0] || (l[0] = (b) => a("update:page", b))
+      "onUpdate:page": l[0] || (l[0] = (c) => t("update:page", c))
     }, {
       default: d(() => [
-        c(t($t), {
+        b(a(Et), {
           class: "nb-pagination__button",
           "aria-label": "Go to previous page"
         }, {
@@ -1582,12 +1992,12 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
           ])]),
           _: 1
         }),
-        c(t(Nt), { class: "nb-pagination__list" }, {
-          default: d(({ items: b }) => [
-            (n(!0), u(B, null, T(b, (m, i) => (n(), u(B, {
+        b(a(zt), { class: "nb-pagination__list" }, {
+          default: d(({ items: c }) => [
+            (o(!0), u(V, null, S(c, (m, i) => (o(), u(V, {
               key: m.type === "page" ? m.value : `ellipsis-${i}`
             }, [
-              m.type === "page" ? (n(), y(t(It), {
+              m.type === "page" ? (o(), y(a(Ft), {
                 key: 0,
                 class: "nb-pagination__button",
                 value: m.value
@@ -1596,7 +2006,7 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
                   I(p(m.value), 1)
                 ]),
                 _: 2
-              }, 1032, ["value"])) : (n(), y(t(kt), {
+              }, 1032, ["value"])) : (o(), y(a(Ht), {
                 key: 1,
                 class: "nb-pagination__ellipsis"
               }, {
@@ -1609,7 +2019,7 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
           ]),
           _: 1
         }),
-        c(t(xt), {
+        b(a(Kt), {
           class: "nb-pagination__button",
           "aria-label": "Go to next page"
         }, {
@@ -1628,7 +2038,7 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
       _: 1
     }, 8, ["page", "default-page", "total", "items-per-page", "sibling-count", "disabled", "aria-label"]));
   }
-}), nn = { class: "nb-root nb-field" }, on = ["id"], sn = ["id"], dn = /* @__PURE__ */ h({
+}), io = { class: "nb-root nb-field" }, ro = ["id"], uo = ["id"], co = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "NbPinInput",
   props: {
@@ -1645,21 +2055,21 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
     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));
+  setup(e, { emit: n }) {
+    const t = e, s = n, l = w("pin-input", t.id), c = `${l.inputId}-label`, m = N(() => T(t.hint, t.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", {
+    return (r, h) => (o(), u("div", io, [
+      e.label ? (o(), u("span", {
         key: 0,
-        id: b,
+        id: c,
         class: "nb-field__label"
       }, p(e.label), 1)) : g("", !0),
-      c(t(Vt), k(r.$attrs, {
+      b(a(jt), k(r.$attrs, {
         class: "nb-pin-input",
         role: "group",
-        id: t(l).inputId,
+        id: a(l).inputId,
         "model-value": e.modelValue,
         name: e.name,
         type: "number",
@@ -1667,14 +2077,14 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
         mask: e.mask,
         otp: e.otp,
         "aria-label": e.label ? void 0 : "PIN input",
-        "aria-labelledby": e.label ? b : void 0,
+        "aria-labelledby": e.label ? c : 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", $))
+        "onUpdate:modelValue": h[0] || (h[0] = ($) => s("update:modelValue", $)),
+        onComplete: h[1] || (h[1] = ($) => s("complete", $))
       }), {
         default: d(() => [
-          (n(!0), u(B, null, T(e.length, ($) => (n(), y(t(Bt), {
+          (o(!0), u(V, null, S(e.length, ($) => (o(), y(a(Wt), {
             key: $,
             class: "nb-pin-input__digit",
             index: $ - 1,
@@ -1684,22 +2094,22 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
         ]),
         _: 1
       }, 16, ["id", "model-value", "name", "disabled", "mask", "otp", "aria-label", "aria-labelledby", "aria-invalid", "aria-describedby"]),
-      e.hint ? (n(), u("span", {
+      e.hint ? (o(), u("span", {
         key: 1,
-        id: t(l).hintId,
+        id: a(l).hintId,
         class: "nb-field__hint"
-      }, p(e.hint), 9, on)) : g("", !0),
-      e.error ? (n(), u("span", {
+      }, p(e.hint), 9, ro)) : g("", !0),
+      e.error ? (o(), u("span", {
         key: 2,
-        id: t(l).errorId,
+        id: a(l).errorId,
         class: "nb-field__error"
-      }, p(e.error), 9, sn)) : g("", !0)
+      }, p(e.error), 9, uo)) : g("", !0)
     ]));
   }
-}), rn = {
+}), bo = {
   key: 0,
   class: "nb-popover__header"
-}, un = ["id"], cn = { class: "nb-popover__body" }, bn = /* @__PURE__ */ h({
+}, fo = ["id"], mo = { class: "nb-popover__body" }, po = /* @__PURE__ */ v({
   __name: "NbPopover",
   props: {
     open: { type: Boolean, default: void 0 },
@@ -1710,21 +2120,21 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:open"],
-  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);
+  setup(e, { emit: n }) {
+    const t = e, s = n, l = A("popover-title"), c = x(t.open ?? t.defaultOpen), m = N(() => t.open ?? c.value);
+    M(() => t.open, (r) => {
+      r !== void 0 && (c.value = r);
     });
     function i(r) {
-      b.value = r, s("update:open", r);
+      c.value = r, s("update:open", r);
     }
-    return (r, v) => (n(), y(t(Ct), {
+    return (r, h) => (o(), y(a(Jt), {
       open: m.value,
       "default-open": e.defaultOpen,
       "onUpdate:open": i
     }, {
       default: d(() => [
-        c(t(wt), {
+        b(a(Xt), {
           class: "nb-root nb-overlay-trigger",
           disabled: e.disabled
         }, {
@@ -1733,29 +2143,29 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
           ]),
           _: 3
         }, 8, ["disabled"]),
-        c(t(Tt), null, {
+        b(a(Qt), null, {
           default: d(() => [
-            c(t(St), {
+            b(a(Yt), {
               class: "nb-root nb-popover",
               align: e.align,
               side: e.side,
               "side-offset": 8,
-              "aria-labelledby": e.title ? t(l) : void 0
+              "aria-labelledby": e.title ? a(l) : void 0
             }, {
               default: d(() => [
-                e.title ? (n(), u("header", rn, [
-                  f("h2", { id: t(l) }, p(e.title), 9, un),
-                  c(t(At), {
+                e.title ? (o(), u("header", bo, [
+                  f("h2", { id: a(l) }, p(e.title), 9, fo),
+                  b(a(Zt), {
                     class: "nb-overlay-close",
                     "aria-label": "Close popover"
                   }, {
-                    default: d(() => [...v[0] || (v[0] = [
+                    default: d(() => [...h[0] || (h[0] = [
                       I("×", -1)
                     ])]),
                     _: 1
                   })
                 ])) : g("", !0),
-                f("div", cn, [
+                f("div", mo, [
                   _(r.$slots, "default")
                 ])
               ]),
@@ -1768,10 +2178,10 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
       _: 3
     }, 8, ["open", "default-open"]));
   }
-}), fn = { class: "nb-root nb-progress-wrap" }, mn = {
+}), vo = { class: "nb-root nb-progress-wrap" }, ho = {
   key: 0,
   class: "nb-progress__header"
-}, pn = /* @__PURE__ */ h({
+}, _o = /* @__PURE__ */ v({
   __name: "NbProgress",
   props: {
     value: { default: null },
@@ -1780,35 +2190,35 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
     showValue: { type: Boolean, default: !1 }
   },
   setup(e) {
-    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, [
+    const n = e, t = N(() => n.value === null ? 0 : Math.min(100, Math.max(0, n.value / n.max * 100)));
+    return (s, l) => (o(), u("div", vo, [
+      e.showValue ? (o(), u("div", ho, [
         f("span", null, p(e.label), 1),
-        f("span", null, p(Math.round(a.value)) + "%", 1)
+        f("span", null, p(Math.round(t.value)) + "%", 1)
       ])) : g("", !0),
-      c(t(Mt), {
+      b(a(ea), {
         class: "nb-progress",
         "model-value": e.value,
         max: e.max,
         "get-value-label": () => e.label
       }, {
         default: d(() => [
-          c(t(Dt), {
+          b(a(ta), {
             class: "nb-progress__indicator",
-            style: q(e.value === null ? void 0 : { transform: `translateX(-${100 - a.value}%)` })
+            style: q(e.value === null ? void 0 : { transform: `translateX(-${100 - t.value}%)` })
           }, null, 8, ["style"])
         ]),
         _: 1
       }, 8, ["model-value", "max", "get-value-label"])
     ]));
   }
-}), vn = ["disabled", "aria-describedby"], hn = {
+}), go = ["disabled", "aria-describedby"], yo = {
   key: 0,
   class: "nb-radio-group__legend"
-}, 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 = {
+}, $o = { class: "nb-radio-group__options" }, No = ["for"], Io = ["id", "name", "value", "checked", "disabled", "onChange"], ko = { class: "nb-radio__content" }, xo = { class: "nb-radio__label" }, Co = {
   key: 0,
   class: "nb-radio__description"
-}, kn = /* @__PURE__ */ h({
+}, Bo = /* @__PURE__ */ v({
   __name: "NbRadioGroup",
   props: {
     modelValue: { default: "" },
@@ -1819,51 +2229,51 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
     options: {}
   },
   emits: ["update:modelValue"],
-  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", {
+  setup(e, { emit: n }) {
+    const t = e, s = n, l = A("radio-group"), c = t.name ?? l, m = `${l}-hint`;
+    return (i, r) => (o(), u("fieldset", {
       class: "nb-root nb-radio-group",
       disabled: e.disabled,
       "aria-describedby": e.hint ? m : void 0
     }, [
-      e.label ? (n(), u("legend", hn, p(e.label), 1)) : g("", !0),
-      e.hint ? (n(), u("p", {
+      e.label ? (o(), u("legend", yo, p(e.label), 1)) : g("", !0),
+      e.hint ? (o(), u("p", {
         key: 1,
         id: m,
         class: "nb-field__hint nb-radio-group__hint"
       }, 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)}-${$}`
+      f("div", $o, [
+        (o(!0), u(V, null, S(e.options, (h, $) => (o(), u("label", {
+          key: h.value,
+          class: C(["nb-radio", { "is-checked": e.modelValue === h.value }]),
+          for: `${a(l)}-${$}`
         }, [
           f("input", {
-            id: `${t(l)}-${$}`,
+            id: `${a(l)}-${$}`,
             class: "nb-radio__input",
             type: "radio",
-            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),
+            name: a(c),
+            value: h.value,
+            checked: e.modelValue === h.value,
+            disabled: e.disabled || h.disabled,
+            onChange: (O) => s("update:modelValue", h.value)
+          }, null, 40, Io),
           r[0] || (r[0] = f("span", {
             class: "nb-radio__mark",
             "aria-hidden": "true"
           }, null, -1)),
-          f("span", $n, [
-            f("span", Nn, p(v.label), 1),
-            v.description ? (n(), u("span", In, p(v.description), 1)) : g("", !0)
+          f("span", ko, [
+            f("span", xo, p(h.label), 1),
+            h.description ? (o(), u("span", Co, p(h.description), 1)) : g("", !0)
           ])
-        ], 10, _n))), 128))
+        ], 10, No))), 128))
       ])
-    ], 8, vn));
+    ], 8, go));
   }
-}), xn = ["id", "disabled", "aria-label", "aria-invalid", "aria-describedby"], Vn = {
+}), Vo = ["id", "disabled", "aria-label", "aria-invalid", "aria-describedby"], wo = {
   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({
+}, So = { class: "nb-rating__options" }, Mo = ["name", "value", "checked", "required", "aria-label"], To = ["id"], Ao = ["id"], Do = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "NbRating",
   props: {
@@ -1878,32 +2288,32 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
     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,
+  setup(e, { emit: n }) {
+    const t = e, s = n, l = w("rating", t.id), c = N(() => T(t.hint, t.error, l.hintId, l.errorId));
+    return (m, i) => (o(), u("fieldset", k(m.$attrs, {
+      id: a(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
+      "aria-describedby": c.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", {
+      e.label ? (o(), u("legend", wo, p(e.label), 1)) : g("", !0),
+      f("div", So, [
+        (o(!0), u(V, null, S(e.length, (r) => (o(), u("label", {
           key: r,
-          class: x(["nb-rating__option", { "is-active": e.modelValue !== void 0 && r <= e.modelValue }])
+          class: C(["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,
+            name: e.name ?? a(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),
+            onChange: i[0] || (i[0] = (h) => s("update:modelValue", Number(h.target.value)))
+          }, null, 40, Mo),
           i[1] || (i[1] = f("svg", {
             viewBox: "0 0 24 24",
             "aria-hidden": "true",
@@ -1913,19 +2323,19 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
           ], -1))
         ], 2))), 128))
       ]),
-      e.hint ? (n(), u("span", {
+      e.hint ? (o(), u("span", {
         key: 1,
-        id: t(l).hintId,
+        id: a(l).hintId,
         class: "nb-field__hint"
-      }, p(e.hint), 9, wn)) : g("", !0),
-      e.error ? (n(), u("span", {
+      }, p(e.hint), 9, To)) : g("", !0),
+      e.error ? (o(), u("span", {
         key: 2,
-        id: t(l).errorId,
+        id: a(l).errorId,
         class: "nb-field__error"
-      }, p(e.error), 9, Tn)) : g("", !0)
-    ], 16, xn));
+      }, p(e.error), 9, Ao)) : g("", !0)
+    ], 16, Vo));
   }
-}), An = /* @__PURE__ */ h({
+}), Oo = /* @__PURE__ */ v({
   __name: "NbScrollArea",
   props: {
     label: { default: "Scrollable content" },
@@ -1933,27 +2343,27 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
     type: { default: "hover" }
   },
   setup(e) {
-    return (o, a) => (n(), y(t(Ot), {
+    return (n, t) => (o(), y(a(aa), {
       class: "nb-root nb-scroll-area",
       type: e.type,
       style: q({ height: e.height })
     }, {
       default: d(() => [
-        c(t(Pt), {
+        b(a(la), {
           class: "nb-scroll-area__viewport",
           "aria-label": e.label
         }, {
           default: d(() => [
-            _(o.$slots, "default")
+            _(n.$slots, "default")
           ]),
           _: 3
         }, 8, ["aria-label"]),
-        c(t(Rt), {
+        b(a(na), {
           class: "nb-scroll-area__scrollbar",
           orientation: "vertical"
         }, {
           default: d(() => [
-            c(t(qt), { class: "nb-scroll-area__thumb" })
+            b(a(oa), { class: "nb-scroll-area__thumb" })
           ]),
           _: 1
         })
@@ -1961,10 +2371,10 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
       _: 3
     }, 8, ["type", "style"]));
   }
-}), Mn = { class: "nb-sheet__header" }, Dn = { class: "nb-sheet__body" }, On = {
+}), Po = { class: "nb-sheet__header" }, Ro = { class: "nb-sheet__body" }, qo = {
   key: 0,
   class: "nb-sheet__footer"
-}, Pn = /* @__PURE__ */ h({
+}, Lo = /* @__PURE__ */ v({
   __name: "NbSheet",
   props: {
     open: { type: Boolean, default: void 0 },
@@ -1974,41 +2384,41 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
     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) => {
+  setup(e, { emit: n }) {
+    const t = e, s = n, l = x(t.open ?? t.defaultOpen), c = N(() => t.open ?? l.value);
+    M(() => t.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,
+    return (i, r) => (o(), y(a(ee), {
+      open: c.value,
       "onUpdate:open": m
     }, {
       default: d(() => [
-        c(t(Z), { class: "nb-root nb-overlay-trigger" }, {
+        b(a(te), { class: "nb-root nb-overlay-trigger" }, {
           default: d(() => [
             _(i.$slots, "trigger")
           ]),
           _: 3
         }),
-        c(t(ee), null, {
+        b(a(ae), null, {
           default: d(() => [
-            c(t(te), { class: "nb-root nb-sheet__overlay" }),
-            c(t(ae), k(e.description ? {} : { "aria-describedby": void 0 }, {
+            b(a(le), { class: "nb-root nb-sheet__overlay" }),
+            b(a(ne), k(e.description ? {} : { "aria-describedby": void 0 }, {
               class: ["nb-root nb-sheet", `nb-sheet--${e.side}`]
             }), {
               default: d(() => [
-                f("header", Mn, [
+                f("header", Po, [
                   f("div", null, [
-                    c(t(le), { class: "nb-sheet__title" }, {
+                    b(a(oe), { class: "nb-sheet__title" }, {
                       default: d(() => [
                         I(p(e.title), 1)
                       ]),
                       _: 1
                     }),
-                    e.description ? (n(), y(t(Ut), {
+                    e.description ? (o(), y(a(sa), {
                       key: 0,
                       class: "nb-sheet__description"
                     }, {
@@ -2018,7 +2428,7 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
                       _: 1
                     })) : g("", !0)
                   ]),
-                  c(t(ne), {
+                  b(a(se), {
                     class: "nb-overlay-close",
                     "aria-label": "Close sheet"
                   }, {
@@ -2028,10 +2438,10 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
                     _: 1
                   })
                 ]),
-                f("div", Dn, [
+                f("div", Ro, [
                   _(i.$slots, "default")
                 ]),
-                i.$slots.footer ? (n(), u("footer", On, [
+                i.$slots.footer ? (o(), u("footer", qo, [
                   _(i.$slots, "footer")
                 ])) : g("", !0)
               ]),
@@ -2044,7 +2454,7 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
       _: 3
     }, 8, ["open"]));
   }
-}), Rn = { class: "nb-root nb-field" }, qn = ["for"], Un = ["id"], Ln = ["id"], Gn = /* @__PURE__ */ h({
+}), Uo = { class: "nb-root nb-field" }, Go = ["for"], Eo = ["id"], zo = ["id"], Fo = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "NbSelect",
   props: {
@@ -2059,18 +2469,18 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
     id: {}
   },
   emits: ["update:modelValue"],
-  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));
+  setup(e, { emit: n }) {
+    const t = e, s = n, l = w("select", t.id), c = N(() => T(t.hint, t.error, l.hintId, l.errorId));
     function m(i) {
       typeof i == "string" && s("update:modelValue", i);
     }
-    return (i, r) => (n(), u("div", Rn, [
-      e.label ? (n(), u("label", {
+    return (i, r) => (o(), u("div", Uo, [
+      e.label ? (o(), u("label", {
         key: 0,
         class: "nb-field__label",
-        for: t(l).inputId
-      }, p(e.label), 9, qn)) : g("", !0),
-      c(t(Lt), {
+        for: a(l).inputId
+      }, p(e.label), 9, Go)) : g("", !0),
+      b(a(ia), {
         "model-value": e.modelValue,
         disabled: e.disabled,
         required: e.required,
@@ -2078,15 +2488,15 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
         "onUpdate:modelValue": m
       }, {
         default: d(() => [
-          c(t(Gt), k(i.$attrs, {
-            id: t(l).inputId,
+          b(a(da), k(i.$attrs, {
+            id: a(l).inputId,
             class: "nb-select__trigger",
             "aria-invalid": e.error ? "true" : void 0,
-            "aria-describedby": b.value
+            "aria-describedby": c.value
           }), {
             default: d(() => [
-              c(t(zt), { placeholder: e.placeholder }, null, 8, ["placeholder"]),
-              c(t(Et), {
+              b(a(ra), { placeholder: e.placeholder }, null, 8, ["placeholder"]),
+              b(a(ua), {
                 class: "nb-select__icon",
                 "aria-hidden": "true"
               }, {
@@ -2103,15 +2513,15 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
             ]),
             _: 1
           }, 16, ["id", "aria-invalid", "aria-describedby"]),
-          c(t(Ft), null, {
+          b(a(ca), null, {
             default: d(() => [
-              c(t(Ht), {
+              b(a(ba), {
                 class: "nb-root nb-select__content",
                 position: "popper",
                 "side-offset": 5
               }, {
                 default: d(() => [
-                  c(t(Kt), {
+                  b(a(fa), {
                     class: "nb-select__scroll-button",
                     "aria-label": "Scroll up"
                   }, {
@@ -2126,13 +2536,13 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
                     ])]),
                     _: 1
                   }),
-                  c(t(jt), { class: "nb-select__viewport" }, {
+                  b(a(ma), { class: "nb-select__viewport" }, {
                     default: d(() => [
                       _(i.$slots, "default")
                     ]),
                     _: 3
                   }),
-                  c(t(Xt), {
+                  b(a(pa), {
                     class: "nb-select__scroll-button",
                     "aria-label": "Scroll down"
                   }, {
@@ -2156,43 +2566,43 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
         ]),
         _: 3
       }, 8, ["model-value", "disabled", "required", "name"]),
-      e.hint ? (n(), u("span", {
+      e.hint ? (o(), u("span", {
         key: 1,
-        id: t(l).hintId,
+        id: a(l).hintId,
         class: "nb-field__hint"
-      }, p(e.hint), 9, Un)) : g("", !0),
-      e.error ? (n(), u("span", {
+      }, p(e.hint), 9, Eo)) : g("", !0),
+      e.error ? (o(), u("span", {
         key: 2,
-        id: t(l).errorId,
+        id: a(l).errorId,
         class: "nb-field__error"
-      }, p(e.error), 9, Ln)) : g("", !0)
+      }, p(e.error), 9, zo)) : g("", !0)
     ]));
   }
-}), zn = /* @__PURE__ */ h({
+}), Ho = /* @__PURE__ */ v({
   __name: "NbSelectItem",
   props: {
     value: {},
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (o, a) => (n(), y(t(Jt), {
+    return (n, t) => (o(), y(a(va), {
       class: "nb-select__item",
       value: e.value,
       disabled: e.disabled,
       "data-value": e.value
     }, {
       default: d(() => [
-        c(t(Qt), null, {
+        b(a(ha), null, {
           default: d(() => [
-            _(o.$slots, "default")
+            _(n.$slots, "default")
           ]),
           _: 3
         }),
-        c(t(Wt), {
+        b(a(_a), {
           class: "nb-select__indicator",
           "aria-hidden": "true"
         }, {
-          default: d(() => [...a[0] || (a[0] = [
+          default: d(() => [...t[0] || (t[0] = [
             f("svg", {
               viewBox: "0 0 16 16",
               focusable: "false"
@@ -2206,26 +2616,26 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
       _: 3
     }, 8, ["value", "disabled", "data-value"]));
   }
-}), En = /* @__PURE__ */ h({
+}), Ko = /* @__PURE__ */ v({
   __name: "NbSeparator",
   props: {
     orientation: { default: "horizontal" },
     decorative: { type: Boolean, default: !0 }
   },
   setup(e) {
-    return (o, a) => (n(), y(t(Yt), {
+    return (n, t) => (o(), y(a(ga), {
       class: "nb-root nb-separator",
       orientation: e.orientation,
       decorative: e.decorative
     }, null, 8, ["orientation", "decorative"]));
   }
-}), Fn = { class: "nb-root nb-field" }, Hn = {
+}), jo = { class: "nb-root nb-field" }, Wo = {
   key: 0,
   class: "nb-slider__header"
-}, Kn = {
+}, Jo = {
   key: 1,
   class: "nb-slider__value"
-}, jn = ["id"], Xn = ["id"], Jn = /* @__PURE__ */ h({
+}, Xo = ["id"], Qo = ["id"], Yo = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "NbSlider",
   props: {
@@ -2243,24 +2653,24 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
     showValue: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "change"],
-  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]);
+  setup(e, { emit: n }) {
+    const t = e, s = n, l = w("slider", t.id), c = `${l.inputId}-label`, m = N(() => T(t.hint, t.error, l.hintId, l.errorId));
+    function i(h) {
+      h?.[0] !== void 0 && s("update:modelValue", h[0]);
     }
-    function r(v) {
-      v[0] !== void 0 && s("change", v[0]);
+    function r(h) {
+      h[0] !== void 0 && s("change", h[0]);
     }
-    return (v, $) => (n(), u("div", Fn, [
-      e.label || e.showValue ? (n(), u("div", Hn, [
-        e.label ? (n(), u("span", {
+    return (h, $) => (o(), u("div", jo, [
+      e.label || e.showValue ? (o(), u("div", Wo, [
+        e.label ? (o(), u("span", {
           key: 0,
-          id: b,
+          id: c,
           class: "nb-field__label"
         }, p(e.label), 1)) : g("", !0),
-        e.showValue ? (n(), u("output", Kn, p(e.modelValue), 1)) : g("", !0)
+        e.showValue ? (o(), u("output", Jo, p(e.modelValue), 1)) : g("", !0)
       ])) : g("", !0),
-      c(t(Zt), {
+      b(a(ya), {
         class: "nb-slider",
         "model-value": [e.modelValue],
         min: e.min,
@@ -2273,35 +2683,35 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
         onValueCommit: r
       }, {
         default: d(() => [
-          c(t(ea), { class: "nb-slider__track" }, {
+          b(a($a), { class: "nb-slider__track" }, {
             default: d(() => [
-              c(t(ta), { class: "nb-slider__range" })
+              b(a(Na), { class: "nb-slider__range" })
             ]),
             _: 1
           }),
-          c(t(aa), k(v.$attrs, {
-            id: t(l).inputId,
+          b(a(Ia), k(h.$attrs, {
+            id: a(l).inputId,
             class: "nb-slider__thumb",
-            "aria-labelledby": e.label ? b : void 0,
+            "aria-labelledby": e.label ? c : void 0,
             "aria-invalid": e.error ? "true" : void 0,
             "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 ? (n(), u("span", {
+      e.hint ? (o(), u("span", {
         key: 1,
-        id: t(l).hintId,
+        id: a(l).hintId,
         class: "nb-field__hint"
-      }, p(e.hint), 9, jn)) : g("", !0),
-      e.error ? (n(), u("span", {
+      }, p(e.hint), 9, Xo)) : g("", !0),
+      e.error ? (o(), u("span", {
         key: 2,
-        id: t(l).errorId,
+        id: a(l).errorId,
         class: "nb-field__error"
-      }, p(e.error), 9, Xn)) : g("", !0)
+      }, p(e.error), 9, Qo)) : g("", !0)
     ]));
   }
-}), Qn = /* @__PURE__ */ h({
+}), Zo = /* @__PURE__ */ v({
   __name: "NbSkeleton",
   props: {
     width: { default: "100%" },
@@ -2309,32 +2719,114 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
     rounded: { type: Boolean, default: !1 }
   },
   setup(e) {
-    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),
+    const n = e, t = N(() => ({ width: n.width, height: n.height }));
+    return (s, l) => (o(), u("div", {
+      class: C(["nb-root nb-skeleton", { "nb-skeleton--rounded": e.rounded }]),
+      style: q(t.value),
       "aria-hidden": "true"
     }, null, 6));
   }
-}), Wn = ["aria-label"], Yn = /* @__PURE__ */ h({
+}), es = ["aria-label"], ts = /* @__PURE__ */ v({
   __name: "NbSpinner",
   props: {
     label: { default: "Loading" },
     size: { default: "md" }
   },
   setup(e) {
-    return (o, a) => (n(), u("span", {
+    return (n, t) => (o(), u("span", {
       class: "nb-root nb-spinner-wrap",
       role: "status",
       "aria-label": e.label
     }, [
       f("span", {
-        class: x(["nb-spinner", `nb-spinner--${e.size}`]),
+        class: C(["nb-spinner", `nb-spinner--${e.size}`]),
         "aria-hidden": "true"
       }, null, 2)
-    ], 8, Wn));
+    ], 8, es));
   }
-}), 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({
+}), as = /* @__PURE__ */ v({
+  __name: "NbStepper",
+  props: {
+    modelValue: {},
+    defaultValue: { default: 1 },
+    label: { default: "Progress" },
+    orientation: { default: "horizontal" },
+    linear: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: n }) {
+    const t = n;
+    function s(l) {
+      l !== void 0 && t("update:modelValue", l);
+    }
+    return (l, c) => (o(), y(a(ka), {
+      class: "nb-root nb-stepper",
+      "model-value": e.modelValue,
+      "default-value": e.defaultValue,
+      "aria-label": e.label,
+      orientation: e.orientation,
+      linear: e.linear,
+      "onUpdate:modelValue": s
+    }, {
+      default: d(() => [
+        _(l.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["model-value", "default-value", "aria-label", "orientation", "linear"]));
+  }
+}), ls = { class: "nb-stepper__copy" }, ns = /* @__PURE__ */ v({
+  __name: "NbStepperItem",
+  props: {
+    step: {},
+    title: {},
+    description: {},
+    disabled: { type: Boolean },
+    completed: { type: Boolean }
+  },
+  setup(e) {
+    return (n, t) => (o(), y(a(xa), {
+      class: "nb-stepper__item",
+      step: e.step,
+      disabled: e.disabled,
+      completed: e.completed
+    }, {
+      default: d(() => [
+        b(a(Ca), { class: "nb-stepper__trigger" }, {
+          default: d(() => [
+            b(a(Ba), { class: "nb-stepper__indicator" }, {
+              default: d(() => [
+                I(p(e.step), 1)
+              ]),
+              _: 1
+            }),
+            f("span", ls, [
+              b(a(Va), {
+                as: "span",
+                class: "nb-stepper__title"
+              }, {
+                default: d(() => [
+                  I(p(e.title), 1)
+                ]),
+                _: 1
+              }),
+              b(a(wa), {
+                as: "span",
+                class: "nb-stepper__description"
+              }, {
+                default: d(() => [
+                  I(p(e.description || `Step ${e.step}`), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["step", "disabled", "completed"]));
+  }
+}), os = ["for"], ss = ["id", "checked", "disabled", "aria-checked", "aria-describedby"], is = { class: "nb-switch__content" }, ds = { class: "nb-switch__label" }, rs = ["id"], us = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "NbSwitch",
   props: {
@@ -2345,40 +2837,40 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
     id: {}
   },
   emits: ["update:modelValue"],
-  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
+  setup(e, { emit: n }) {
+    const t = e, s = n, l = w("switch", t.id);
+    return (c, m) => (o(), u("label", {
+      class: C(["nb-root nb-switch", { "is-disabled": e.disabled }]),
+      for: a(l).inputId
     }, [
-      f("input", k(b.$attrs, {
-        id: t(l).inputId,
+      f("input", k(c.$attrs, {
+        id: a(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 ? t(l).hintId : void 0,
+        "aria-describedby": e.description ? a(l).hintId : void 0,
         onChange: m[0] || (m[0] = (i) => s("update:modelValue", i.target.checked))
-      }), null, 16, eo),
+      }), null, 16, ss),
       m[1] || (m[1] = f("span", {
         class: "nb-switch__track",
         "aria-hidden": "true"
       }, [
         f("span", { class: "nb-switch__thumb" })
       ], -1)),
-      f("span", to, [
-        f("span", ao, p(e.label), 1),
-        e.description ? (n(), u("span", {
+      f("span", is, [
+        f("span", ds, p(e.label), 1),
+        e.description ? (o(), u("span", {
           key: 0,
-          id: t(l).hintId,
+          id: a(l).hintId,
           class: "nb-switch__description"
-        }, p(e.description), 9, lo)) : g("", !0)
+        }, p(e.description), 9, rs)) : g("", !0)
       ])
-    ], 10, Zn));
+    ], 10, os));
   }
-}), oo = { class: "nb-root nb-field" }, so = ["for"], io = ["id"], ro = ["id"], uo = /* @__PURE__ */ h({
+}), cs = { class: "nb-root nb-field" }, bs = ["for"], fs = ["id"], ms = ["id"], ps = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "NbTagsInput",
   props: {
@@ -2394,33 +2886,33 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
     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", {
+  setup(e, { emit: n }) {
+    const t = e, s = n, l = w("tags-input", t.id), c = N(() => T(t.hint, t.error, l.hintId, l.errorId));
+    return (m, i) => (o(), u("div", cs, [
+      e.label ? (o(), u("label", {
         key: 0,
         class: "nb-field__label",
-        for: t(l).inputId
-      }, p(e.label), 9, so)) : g("", !0),
-      c(t(la), {
+        for: a(l).inputId
+      }, p(e.label), 9, bs)) : g("", !0),
+      b(a(Sa), {
         class: "nb-tags-input",
         "model-value": e.modelValue,
-        name: e.name ?? (e.required ? t(l).inputId : void 0),
-        id: t(l).inputId,
+        name: e.name ?? (e.required ? a(l).inputId : void 0),
+        id: a(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), {
+          (o(!0), u(V, null, S(e.modelValue, (r) => (o(), y(a(Ma), {
             key: r,
             class: "nb-tags-input__tag",
             value: r
           }, {
             default: d(() => [
-              c(t(oa)),
-              c(t(sa), {
+              b(a(Ta)),
+              b(a(Aa), {
                 class: "nb-tags-input__remove",
                 "aria-label": `Remove ${r}`,
                 "aria-labelledby": void 0
@@ -2433,34 +2925,34 @@ const rl = /* @__PURE__ */ ol(sl, [["render", dl]]), ul = /* @__PURE__ */ h({
             ]),
             _: 2
           }, 1032, ["value"]))), 128)),
-          c(t(ia), k(m.$attrs, {
+          b(a(Da), k(m.$attrs, {
             class: "nb-tags-input__input",
             placeholder: e.placeholder,
             "aria-invalid": e.error ? "true" : void 0,
-            "aria-describedby": b.value
+            "aria-describedby": c.value
           }), null, 16, ["placeholder", "aria-invalid", "aria-describedby"])
         ]),
         _: 1
       }, 8, ["model-value", "name", "id", "max", "disabled", "required"]),
-      e.hint ? (n(), u("span", {
+      e.hint ? (o(), u("span", {
         key: 1,
-        id: t(l).hintId,
+        id: a(l).hintId,
         class: "nb-field__hint"
-      }, p(e.hint), 9, io)) : g("", !0),
-      e.error ? (n(), u("span", {
+      }, p(e.hint), 9, fs)) : g("", !0),
+      e.error ? (o(), u("span", {
         key: 2,
-        id: t(l).errorId,
+        id: a(l).errorId,
         class: "nb-field__error"
-      }, p(e.error), 9, ro)) : g("", !0)
+      }, p(e.error), 9, ms)) : g("", !0)
     ]));
   }
-}), se = /* @__PURE__ */ Symbol("nb-tabs");
-function U() {
-  const e = be(se);
+}), ce = /* @__PURE__ */ Symbol("nb-tabs");
+function L() {
+  const e = he(ce);
   if (!e) throw new Error("Tabs components must be used inside NbTabs");
   return e;
 }
-const co = ["data-orientation"], bo = /* @__PURE__ */ h({
+const vs = ["data-orientation"], hs = /* @__PURE__ */ v({
   __name: "NbTabs",
   props: {
     modelValue: {},
@@ -2468,90 +2960,90 @@ const co = ["data-orientation"], bo = /* @__PURE__ */ h({
     orientation: { default: "horizontal" }
   },
   emits: ["update:modelValue"],
-  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", $);
+  setup(e, { emit: n }) {
+    const t = e, s = n, l = A("tabs"), c = x(t.defaultValue), m = N(() => t.modelValue ?? c.value), i = N(() => t.orientation), r = ($) => encodeURIComponent($);
+    function h($) {
+      t.modelValue === void 0 && (c.value = $), s("update:modelValue", $);
     }
-    return fe(se, {
+    return _e(ce, {
       activeValue: m,
       orientation: i,
-      select: v,
+      select: h,
       triggerId: ($) => `${l}-tab-${r($)}`,
       panelId: ($) => `${l}-panel-${r($)}`
-    }), ($, P) => (n(), u("div", {
-      class: x(["nb-root nb-tabs", `nb-tabs--${i.value}`]),
+    }), ($, O) => (o(), u("div", {
+      class: C(["nb-root nb-tabs", `nb-tabs--${i.value}`]),
       "data-orientation": i.value
     }, [
       _($.$slots, "default")
-    ], 10, co));
+    ], 10, vs));
   }
-}), fo = ["id", "aria-labelledby", "hidden"], mo = /* @__PURE__ */ h({
+}), _s = ["id", "aria-labelledby", "hidden"], gs = /* @__PURE__ */ v({
   __name: "NbTabsContent",
   props: {
     value: {}
   },
   setup(e) {
-    const o = e, a = U(), s = N(() => a.activeValue.value === o.value);
-    return (l, b) => me((n(), u("div", {
+    const n = e, t = L(), s = N(() => t.activeValue.value === n.value);
+    return (l, c) => ge((o(), u("div", {
       class: "nb-tabs__content",
       role: "tabpanel",
-      id: t(a).panelId(e.value),
-      "aria-labelledby": t(a).triggerId(e.value),
+      id: a(t).panelId(e.value),
+      "aria-labelledby": a(t).triggerId(e.value),
       hidden: !s.value,
       tabindex: "0"
     }, [
       _(l.$slots, "default")
-    ], 8, fo)), [
-      [pe, s.value]
+    ], 8, _s)), [
+      [ye, s.value]
     ]);
   }
-}), po = ["aria-orientation"], vo = /* @__PURE__ */ h({
+}), ys = ["aria-orientation"], $s = /* @__PURE__ */ v({
   __name: "NbTabsList",
   setup(e) {
-    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 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;
+    const { orientation: n } = L();
+    function t(s) {
+      const l = n.value === "vertical" ? "ArrowUp" : "ArrowLeft", c = n.value === "vertical" ? "ArrowDown" : "ArrowRight";
+      if (![l, c, "Home", "End"].includes(s.key)) return;
+      const m = s.currentTarget, i = Array.from(m.querySelectorAll('[role="tab"]:not(:disabled)')), r = s.target.closest('[role="tab"]'), h = r ? i.indexOf(r) : -1;
+      if (!i.length || h < 0) return;
       s.preventDefault();
-      const $ = s.key === "Home" ? 0 : s.key === "End" ? i.length - 1 : (v + (s.key === b ? 1 : -1) + i.length) % i.length;
+      const $ = s.key === "Home" ? 0 : s.key === "End" ? i.length - 1 : (h + (s.key === c ? 1 : -1) + i.length) % i.length;
       i[$]?.focus(), i[$]?.click();
     }
-    return (s, l) => (n(), u("div", {
+    return (s, l) => (o(), u("div", {
       class: "nb-tabs__list",
       role: "tablist",
-      "aria-orientation": t(o),
-      onKeydown: a
+      "aria-orientation": a(n),
+      onKeydown: t
     }, [
       _(s.$slots, "default")
-    ], 40, po));
+    ], 40, ys));
   }
-}), ho = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "data-active"], go = /* @__PURE__ */ h({
+}), Ns = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "data-active"], Is = /* @__PURE__ */ v({
   __name: "NbTabsTrigger",
   props: {
     value: {},
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    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),
+    const n = e, t = L(), s = N(() => t.activeValue.value === n.value);
+    return (l, c) => (o(), u("button", {
+      class: C(["nb-tabs__trigger", { "is-active": s.value }]),
+      id: a(t).triggerId(e.value),
       type: "button",
       role: "tab",
       "aria-selected": s.value,
-      "aria-controls": t(a).panelId(e.value),
+      "aria-controls": a(t).panelId(e.value),
       tabindex: s.value ? 0 : -1,
       disabled: e.disabled,
       "data-active": s.value ? "" : void 0,
-      onClick: b[0] || (b[0] = (m) => t(a).select(e.value))
+      onClick: c[0] || (c[0] = (m) => a(t).select(e.value))
     }, [
       _(l.$slots, "default")
-    ], 10, ho));
+    ], 10, Ns));
   }
-}), _o = { class: "nb-root nb-field" }, yo = ["for"], $o = ["id", "value", "disabled", "aria-invalid", "aria-describedby"], No = ["id"], Io = ["id"], ko = /* @__PURE__ */ h({
+}), ks = { class: "nb-root nb-field" }, xs = ["for"], Cs = ["id", "value", "disabled", "aria-invalid", "aria-describedby"], Bs = ["id"], Vs = ["id"], ws = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "NbTextarea",
   props: {
@@ -2563,50 +3055,50 @@ const co = ["data-orientation"], bo = /* @__PURE__ */ h({
     id: {}
   },
   emits: ["update:modelValue"],
-  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", {
+  setup(e, { emit: n }) {
+    const t = e, s = n, l = w("textarea", t.id), c = N(() => T(t.hint, t.error, l.hintId, l.errorId));
+    return (m, i) => (o(), u("div", ks, [
+      e.label ? (o(), u("label", {
         key: 0,
         class: "nb-field__label",
-        for: t(l).inputId
-      }, p(e.label), 9, yo)) : g("", !0),
+        for: a(l).inputId
+      }, p(e.label), 9, xs)) : g("", !0),
       f("textarea", k(m.$attrs, {
-        id: t(l).inputId,
+        id: a(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,
+        "aria-describedby": c.value,
         onInput: i[0] || (i[0] = (r) => s("update:modelValue", r.target.value))
-      }), null, 16, $o),
-      e.hint ? (n(), u("span", {
+      }), null, 16, Cs),
+      e.hint ? (o(), u("span", {
         key: 1,
-        id: t(l).hintId,
+        id: a(l).hintId,
         class: "nb-field__hint"
-      }, p(e.hint), 9, No)) : g("", !0),
-      e.error ? (n(), u("span", {
+      }, p(e.hint), 9, Bs)) : g("", !0),
+      e.error ? (o(), u("span", {
         key: 2,
-        id: t(l).errorId,
+        id: a(l).errorId,
         class: "nb-field__error"
-      }, p(e.error), 9, Io)) : g("", !0)
+      }, p(e.error), 9, Vs)) : g("", !0)
     ]));
   }
-}), xo = { class: "nb-root nb-table-wrap" }, Vo = { key: 0 }, Bo = /* @__PURE__ */ h({
+}), Ss = { class: "nb-root nb-table-wrap" }, Ms = { key: 0 }, Ts = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "NbTable",
   props: {
     caption: {}
   },
   setup(e) {
-    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")
+    return (n, t) => (o(), u("div", Ss, [
+      f("table", k(n.$attrs, { class: "nb-table" }), [
+        e.caption ? (o(), u("caption", Ms, p(e.caption), 1)) : g("", !0),
+        _(n.$slots, "default")
       ], 16)
     ]));
   }
-}), Co = { class: "nb-toast__content" }, wo = /* @__PURE__ */ h({
+}), As = { class: "nb-toast__content" }, Ds = /* @__PURE__ */ v({
   __name: "NbToast",
   props: {
     open: { type: Boolean, default: void 0 },
@@ -2617,36 +3109,36 @@ const co = ["data-orientation"], bo = /* @__PURE__ */ h({
     duration: { default: 5e3 }
   },
   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) => {
+  setup(e, { emit: n }) {
+    const t = e, s = n, l = x(t.open ?? t.defaultOpen), c = N(() => t.open ?? l.value);
+    M(() => t.open, (i) => {
       i !== void 0 && (l.value = i);
     });
     function m(i) {
       l.value = i, s("update:open", i);
     }
-    return (i, r) => (n(), y(t(da), {
+    return (i, r) => (o(), y(a(Oa), {
       label: "Notification",
       duration: e.duration
     }, {
       default: d(() => [
-        c(t(ra), {
-          class: x(["nb-root nb-toast", `nb-toast--${e.tone}`]),
-          open: b.value,
+        b(a(Pa), {
+          class: C(["nb-root nb-toast", `nb-toast--${e.tone}`]),
+          open: c.value,
           "default-open": e.defaultOpen,
           type: "foreground",
           role: "status",
           "onUpdate:open": m
         }, {
           default: d(() => [
-            f("div", Co, [
-              c(t(ua), { class: "nb-toast__title" }, {
+            f("div", As, [
+              b(a(Ra), { class: "nb-toast__title" }, {
                 default: d(() => [
                   I(p(e.title), 1)
                 ]),
                 _: 1
               }),
-              e.description ? (n(), y(t(ca), {
+              e.description ? (o(), y(a(qa), {
                 key: 0,
                 class: "nb-toast__description"
               }, {
@@ -2657,7 +3149,7 @@ const co = ["data-orientation"], bo = /* @__PURE__ */ h({
               })) : g("", !0),
               _(i.$slots, "default")
             ]),
-            c(t(ba), {
+            b(a(La), {
               class: "nb-overlay-close",
               "aria-label": "Dismiss notification"
             }, {
@@ -2669,12 +3161,51 @@ const co = ["data-orientation"], bo = /* @__PURE__ */ h({
           ]),
           _: 3
         }, 8, ["class", "open", "default-open"]),
-        c(t(fa), { class: "nb-root nb-toast-viewport" })
+        b(a(Ua), { class: "nb-root nb-toast-viewport" })
       ]),
       _: 3
     }, 8, ["duration"]));
   }
-}), To = /* @__PURE__ */ h({
+}), Os = ["aria-label"], Ps = /* @__PURE__ */ v({
+  __name: "NbTimeline",
+  props: {
+    label: {}
+  },
+  setup(e) {
+    return (n, t) => (o(), u("ol", {
+      class: "nb-root nb-timeline",
+      "aria-label": e.label
+    }, [
+      _(n.$slots, "default")
+    ], 8, Os));
+  }
+}), Rs = { class: "nb-timeline__item" }, qs = { class: "nb-timeline__card" }, Ls = { class: "nb-timeline__heading" }, Us = ["datetime"], Gs = {
+  key: 0,
+  class: "nb-timeline__body"
+}, Es = /* @__PURE__ */ v({
+  __name: "NbTimelineItem",
+  props: {
+    title: {},
+    date: {},
+    datetime: {}
+  },
+  setup(e) {
+    return (n, t) => (o(), u("li", Rs, [
+      f("div", qs, [
+        f("div", Ls, [
+          f("strong", null, p(e.title), 1),
+          e.date ? (o(), u("time", {
+            key: 0,
+            datetime: e.datetime
+          }, p(e.date), 9, Us)) : g("", !0)
+        ]),
+        n.$slots.default ? (o(), u("div", Gs, [
+          _(n.$slots, "default")
+        ])) : g("", !0)
+      ])
+    ]));
+  }
+}), zs = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "NbToggle",
   props: {
@@ -2686,9 +3217,9 @@ const co = ["data-orientation"], bo = /* @__PURE__ */ h({
     size: { default: "md" }
   },
   emits: ["update:modelValue"],
-  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, {
+  setup(e, { emit: n }) {
+    const t = e, s = n, l = N(() => P(`nb-toggle--${t.tone}`, `nb-toggle--${t.size}`));
+    return (c, m) => (o(), y(a(Ga), k(c.$attrs, {
       class: ["nb-root nb-toggle", l.value],
       "model-value": e.modelValue,
       "default-value": e.defaultValue,
@@ -2697,12 +3228,12 @@ const co = ["data-orientation"], bo = /* @__PURE__ */ h({
       "onUpdate:modelValue": m[0] || (m[0] = (i) => s("update:modelValue", i))
     }), {
       default: d(() => [
-        _(b.$slots, "default")
+        _(c.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "model-value", "default-value", "disabled", "aria-label"]));
   }
-}), So = { class: "nb-root nb-field" }, Ao = ["id"], Mo = ["id"], Do = /* @__PURE__ */ h({
+}), Fs = { class: "nb-root nb-field" }, Hs = ["id"], Ks = ["id"], js = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "NbToggleGroup",
   props: {
@@ -2718,19 +3249,19 @@ const co = ["data-orientation"], bo = /* @__PURE__ */ h({
     id: {}
   },
   emits: ["update:modelValue"],
-  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));
+  setup(e, { emit: n }) {
+    const t = e, s = n, l = w("toggle-group", t.id), c = `${l.inputId}-label`, m = N(() => T(t.hint, t.error, l.hintId, l.errorId));
     function i(r) {
-      (typeof r == "string" || Array.isArray(r) && r.every((v) => typeof v == "string")) && s("update:modelValue", r);
+      (typeof r == "string" || Array.isArray(r) && r.every((h) => typeof h == "string")) && s("update:modelValue", r);
     }
-    return (r, v) => (n(), u("div", So, [
-      e.label ? (n(), u("span", {
+    return (r, h) => (o(), u("div", Fs, [
+      e.label ? (o(), u("span", {
         key: 0,
-        id: b,
+        id: c,
         class: "nb-field__label"
       }, p(e.label), 1)) : g("", !0),
-      c(t(pa), k(r.$attrs, {
-        id: t(l).inputId,
+      b(a(Ea), k(r.$attrs, {
+        id: a(l).inputId,
         class: "nb-toggle-group",
         "model-value": e.modelValue,
         type: e.type,
@@ -2739,7 +3270,7 @@ const co = ["data-orientation"], bo = /* @__PURE__ */ h({
         required: e.required,
         name: e.name,
         "data-orientation": e.orientation,
-        "aria-labelledby": e.label ? b : void 0,
+        "aria-labelledby": e.label ? c : void 0,
         "aria-invalid": e.error ? "true" : void 0,
         "aria-describedby": m.value,
         "onUpdate:modelValue": i
@@ -2749,19 +3280,19 @@ const co = ["data-orientation"], bo = /* @__PURE__ */ h({
         ]),
         _: 3
       }, 16, ["id", "model-value", "type", "orientation", "disabled", "required", "name", "data-orientation", "aria-labelledby", "aria-invalid", "aria-describedby"]),
-      e.hint ? (n(), u("span", {
+      e.hint ? (o(), u("span", {
         key: 1,
-        id: t(l).hintId,
+        id: a(l).hintId,
         class: "nb-field__hint"
-      }, p(e.hint), 9, Ao)) : g("", !0),
-      e.error ? (n(), u("span", {
+      }, p(e.hint), 9, Hs)) : g("", !0),
+      e.error ? (o(), u("span", {
         key: 2,
-        id: t(l).errorId,
+        id: a(l).errorId,
         class: "nb-field__error"
-      }, p(e.error), 9, Mo)) : g("", !0)
+      }, p(e.error), 9, Ks)) : g("", !0)
     ]));
   }
-}), Oo = /* @__PURE__ */ h({
+}), Ws = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "NbToggleGroupItem",
   props: {
@@ -2769,192 +3300,224 @@ const co = ["data-orientation"], bo = /* @__PURE__ */ h({
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (o, a) => (n(), y(t(va), k(o.$attrs, {
+    return (n, t) => (o(), y(a(za), k(n.$attrs, {
       class: "nb-toggle-group__item",
       value: e.value,
       disabled: e.disabled
     }), {
       default: d(() => [
-        _(o.$slots, "default")
+        _(n.$slots, "default")
       ]),
       _: 3
     }, 16, ["value", "disabled"]));
   }
-}), Po = ["aria-describedby"], Ro = ["id", "hidden"], qo = /* @__PURE__ */ h({
+}), Js = ["aria-describedby"], Xs = ["id", "hidden"], Qs = /* @__PURE__ */ v({
   __name: "NbTooltip",
   props: {
     content: {}
   },
   setup(e) {
-    const o = e, a = C(!1), s = M("tooltip");
+    const n = e, t = x(!1), s = A("tooltip");
     function l() {
-      a.value = !0;
+      t.value = !0;
     }
-    function b() {
-      a.value = !1;
+    function c() {
+      t.value = !1;
     }
     function m(i) {
-      i.key === "Escape" && b();
+      i.key === "Escape" && c();
     }
-    return (i, r) => (n(), u("span", {
+    return (i, r) => (o(), u("span", {
       class: "nb-root nb-tooltip",
       onMouseenter: l,
-      onMouseleave: b
+      onMouseleave: c
     }, [
       f("span", {
         class: "nb-tooltip__trigger",
         tabindex: "0",
-        "aria-describedby": t(s),
+        "aria-describedby": a(s),
         onFocus: l,
-        onBlur: b,
+        onBlur: c,
         onKeydown: m
       }, [
         _(i.$slots, "default")
-      ], 40, Po),
+      ], 40, Js),
       f("span", {
-        id: t(s),
+        id: a(s),
         class: "nb-tooltip__content",
         role: "tooltip",
-        hidden: !a.value
+        hidden: !t.value
       }, [
         _(i.$slots, "content", {}, () => [
-          I(p(o.content), 1)
+          I(p(n.content), 1)
         ])
-      ], 8, Ro)
+      ], 8, Xs)
     ], 32));
   }
-}), 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
+}), ei = Fa({
+  NbAccordion: Ha,
+  NbAccordionItem: ja,
+  NbAlert: Jl,
+  NbAlertDialog: Ql,
+  NbAspectRatio: Wa,
+  NbAvatar: Xa,
+  NbBadge: Ja,
+  NbBreadcrumbs: tl,
+  NbButton: de,
+  NbButtonGroup: ol,
+  NbCarousel: cl,
+  NbCarouselSlide: fl,
+  NbCard: hl,
+  NbCheckbox: $l,
+  NbCollapsible: Il,
+  NbCopyButton: xl,
+  NbCombobox: Sl,
+  NbCommand: Al,
+  NbContextMenu: Dl,
+  NbContextMenuCheckboxItem: Ol,
+  NbContextMenuItem: Pl,
+  NbContextMenuLabel: Rl,
+  NbContextMenuRadioGroup: ql,
+  NbContextMenuRadioItem: Ll,
+  NbContextMenuSeparator: Ul,
+  NbContextMenuShortcut: Hl,
+  NbContextMenuSub: Kl,
+  NbDialog: tn,
+  NbDrawer: on,
+  NbDropdownMenu: sn,
+  NbDropdownMenuItem: dn,
+  NbDropdownMenuSeparator: rn,
+  NbEmptyState: pn,
+  NbField: ue,
+  NbFieldset: gn,
+  NbHoverCard: Dn,
+  NbInput: Vn,
+  NbInputGroup: An,
+  NbKbd: On,
+  NbLabel: re,
+  NbLink: Pn,
+  NbMarker: Rn,
+  NbMenubar: Fn,
+  NbMenubarMenu: Hn,
+  NbMenubarItem: Kn,
+  NbMenubarSeparator: jn,
+  NbMeter: zn,
+  NbNativeSelect: eo,
+  NbNavigationMenu: Qn,
+  NbNumberInput: oo,
+  NbPagination: so,
+  NbPinInput: co,
+  NbPopover: po,
+  NbProgress: _o,
+  NbRadioGroup: Bo,
+  NbRating: Do,
+  NbScrollArea: Oo,
+  NbSheet: Lo,
+  NbSelect: Fo,
+  NbSelectItem: Ho,
+  NbSeparator: Ko,
+  NbSkeleton: Zo,
+  NbSlider: Yo,
+  NbSpinner: ts,
+  NbStepper: as,
+  NbStepperItem: ns,
+  NbSwitch: us,
+  NbTagsInput: ps,
+  NbTable: Ts,
+  NbTabs: hs,
+  NbTabsContent: gs,
+  NbTabsList: $s,
+  NbTabsTrigger: Is,
+  NbTextarea: ws,
+  NbTimeline: Ps,
+  NbTimelineItem: Es,
+  NbToast: Ds,
+  NbToggle: zs,
+  NbToggleGroup: js,
+  NbToggleGroupItem: Ws,
+  NbTooltip: Qs
 });
 export {
-  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
+  Ha as NbAccordion,
+  ja as NbAccordionItem,
+  Jl as NbAlert,
+  Ql as NbAlertDialog,
+  Wa as NbAspectRatio,
+  Xa as NbAvatar,
+  Ja as NbBadge,
+  tl as NbBreadcrumbs,
+  de as NbButton,
+  ol as NbButtonGroup,
+  hl as NbCard,
+  cl as NbCarousel,
+  fl as NbCarouselSlide,
+  $l as NbCheckbox,
+  Il as NbCollapsible,
+  Sl as NbCombobox,
+  Al as NbCommand,
+  Dl as NbContextMenu,
+  Ol as NbContextMenuCheckboxItem,
+  Pl as NbContextMenuItem,
+  Rl as NbContextMenuLabel,
+  ql as NbContextMenuRadioGroup,
+  Ll as NbContextMenuRadioItem,
+  Ul as NbContextMenuSeparator,
+  Hl as NbContextMenuShortcut,
+  Kl as NbContextMenuSub,
+  xl as NbCopyButton,
+  tn as NbDialog,
+  on as NbDrawer,
+  sn as NbDropdownMenu,
+  dn as NbDropdownMenuItem,
+  rn as NbDropdownMenuSeparator,
+  pn as NbEmptyState,
+  ue as NbField,
+  gn as NbFieldset,
+  Dn as NbHoverCard,
+  Vn as NbInput,
+  An as NbInputGroup,
+  On as NbKbd,
+  re as NbLabel,
+  Pn as NbLink,
+  Rn as NbMarker,
+  Fn as NbMenubar,
+  Kn as NbMenubarItem,
+  Hn as NbMenubarMenu,
+  jn as NbMenubarSeparator,
+  zn as NbMeter,
+  eo as NbNativeSelect,
+  Qn as NbNavigationMenu,
+  oo as NbNumberInput,
+  so as NbPagination,
+  co as NbPinInput,
+  po as NbPopover,
+  _o as NbProgress,
+  Bo as NbRadioGroup,
+  Do as NbRating,
+  Oo as NbScrollArea,
+  Fo as NbSelect,
+  Ho as NbSelectItem,
+  Ko as NbSeparator,
+  Lo as NbSheet,
+  Zo as NbSkeleton,
+  Yo as NbSlider,
+  ts as NbSpinner,
+  as as NbStepper,
+  ns as NbStepperItem,
+  us as NbSwitch,
+  Ts as NbTable,
+  hs as NbTabs,
+  gs as NbTabsContent,
+  $s as NbTabsList,
+  Is as NbTabsTrigger,
+  ps as NbTagsInput,
+  ws as NbTextarea,
+  Ps as NbTimeline,
+  Es as NbTimelineItem,
+  Ds as NbToast,
+  zs as NbToggle,
+  js as NbToggleGroup,
+  Ws as NbToggleGroupItem,
+  Qs as NbTooltip,
+  ei as NeoBrutalVue
 };