@neobrut-vue/core 0.1.0

package/dist/neobrut-vue.js

@@ -0,0 +1,1875 @@
+import { defineComponent as v, openBlock as n, createBlock as N, unref as a, withCtx as c, renderSlot as _, createVNode as m, createElementVNode as u, toDisplayString as p, computed as $, createElementBlock as i, normalizeClass as V, createCommentVNode as h, createTextVNode as B, Fragment as C, renderList as P, mergeProps as k, ref as x, watch as D, onBeforeUnmount as F, withModifiers as j, nextTick as K, useSlots as H, normalizeStyle as M, inject as X, provide as J, withDirectives as Q, vShow as W } from "vue";
+import { AccordionRoot as Y, AccordionItem as Z, AccordionHeader as ee, AccordionTrigger as te, AccordionContent as ae, AspectRatio as le, AvatarRoot as ne, AvatarImage as oe, AvatarFallback as se, ComboboxRoot as ie, ComboboxAnchor as de, ComboboxInput as re, ComboboxTrigger as ue, ComboboxPortal as ce, ComboboxContent as be, ComboboxViewport as fe, ComboboxEmpty as me, ComboboxItem as pe, ComboboxItemIndicator as he, DropdownMenuRoot as ve, DropdownMenuTrigger as ge, DropdownMenuPortal as _e, DropdownMenuContent as ye, DropdownMenuItem as $e, DropdownMenuSeparator as Ne, NumberFieldRoot as Ie, NumberFieldDecrement as ke, NumberFieldInput as Be, NumberFieldIncrement as Ve, PaginationRoot as we, PaginationPrev as xe, PaginationList as Se, PaginationListItem as Te, PaginationEllipsis as Ae, PaginationNext as Ce, PopoverRoot as Pe, PopoverTrigger as De, PopoverPortal as Re, PopoverContent as qe, PopoverClose as Oe, ProgressRoot as Me, ProgressIndicator as Ee, ScrollAreaRoot as Ge, ScrollAreaViewport as Ue, ScrollAreaScrollbar as ze, ScrollAreaThumb as Le, SelectRoot as Fe, SelectTrigger as je, SelectValue as Ke, SelectIcon as He, SelectPortal as Xe, SelectContent as Je, SelectScrollUpButton as Qe, SelectViewport as We, SelectScrollDownButton as Ye, SelectItem as Ze, SelectItemText as et, SelectItemIndicator as tt, Separator as at, SliderRoot as lt, SliderTrack as nt, SliderRange as ot, SliderThumb as st, ToastProvider as it, ToastRoot as dt, ToastTitle as rt, ToastDescription as ut, ToastClose as ct, ToastViewport as bt, ToggleGroupRoot as ft, ToggleGroupItem as mt } from "reka-ui";
+function pt(e) {
+  return {
+    install(o) {
+      Object.entries(e).forEach(([t, s]) => o.component(t, s));
+    }
+  };
+}
+const ht = /* @__PURE__ */ v({
+  __name: "NbAccordion",
+  props: {
+    modelValue: {},
+    defaultValue: {},
+    collapsible: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: o }) {
+    const t = o;
+    return (s, l) => (n(), N(a(Y), {
+      class: "nb-root nb-accordion",
+      type: "single",
+      "model-value": e.modelValue,
+      "default-value": e.defaultValue,
+      collapsible: e.collapsible,
+      disabled: e.disabled,
+      "onUpdate:modelValue": l[0] || (l[0] = (b) => t("update:modelValue", b))
+    }, {
+      default: c(() => [
+        _(s.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["model-value", "default-value", "collapsible", "disabled"]));
+  }
+}), vt = { class: "nb-accordion__body" }, gt = /* @__PURE__ */ v({
+  __name: "NbAccordionItem",
+  props: {
+    value: {},
+    title: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    return (o, t) => (n(), N(a(Z), {
+      class: "nb-accordion__item",
+      value: e.value,
+      disabled: e.disabled
+    }, {
+      default: c(() => [
+        m(a(ee), { class: "nb-accordion__header" }, {
+          default: c(() => [
+            m(a(te), { class: "nb-accordion__trigger" }, {
+              default: c(() => [
+                u("span", null, p(e.title), 1),
+                t[0] || (t[0] = u("svg", {
+                  class: "nb-accordion__icon",
+                  viewBox: "0 0 16 16",
+                  "aria-hidden": "true",
+                  focusable: "false"
+                }, [
+                  u("path", { d: "m3 6 5 5 5-5" })
+                ], -1))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        m(a(ae), { class: "nb-accordion__content" }, {
+          default: c(() => [
+            u("div", vt, [
+              _(o.$slots, "default")
+            ])
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["value", "disabled"]));
+  }
+}), _t = /* @__PURE__ */ v({
+  __name: "NbAspectRatio",
+  props: {
+    ratio: { default: 1 }
+  },
+  setup(e) {
+    return (o, t) => (n(), N(a(le), {
+      class: "nb-root nb-aspect-ratio",
+      ratio: e.ratio
+    }, {
+      default: c(() => [
+        _(o.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["ratio"]));
+  }
+});
+function R(...e) {
+  return e.filter(Boolean).join(" ");
+}
+const yt = /* @__PURE__ */ v({
+  __name: "NbBadge",
+  props: {
+    tone: { default: "primary" },
+    size: { default: "md" }
+  },
+  setup(e) {
+    const o = e, t = $(() => R(`nb-badge--${o.tone}`, `nb-badge--${o.size}`));
+    return (s, l) => (n(), i("span", {
+      class: V(["nb-root nb-badge", t.value])
+    }, [
+      _(s.$slots, "default")
+    ], 2));
+  }
+}), $t = /* @__PURE__ */ v({
+  __name: "NbAvatar",
+  props: {
+    name: {},
+    src: {},
+    size: { default: "md" },
+    tone: { default: "primary" }
+  },
+  setup(e) {
+    const o = e, t = $(() => o.name.trim().split(/\s+/).slice(0, 2).map((s) => s[0]?.toUpperCase()).join(""));
+    return (s, l) => (n(), N(a(ne), {
+      class: V(["nb-root nb-avatar", [`nb-avatar--${e.size}`, `nb-avatar--${e.tone}`]]),
+      role: "img",
+      "aria-label": e.name
+    }, {
+      default: c(() => [
+        e.src ? (n(), N(a(oe), {
+          key: 0,
+          class: "nb-avatar__image",
+          src: e.src,
+          alt: "",
+          "aria-hidden": "true"
+        }, null, 8, ["src"])) : h("", !0),
+        m(a(se), {
+          class: "nb-avatar__fallback",
+          "aria-hidden": "true"
+        }, {
+          default: c(() => [
+            B(p(t.value), 1)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["class", "aria-label"]));
+  }
+}), Nt = ["aria-label"], It = ["href"], kt = ["aria-current"], Bt = {
+  key: 2,
+  class: "nb-breadcrumbs__separator",
+  viewBox: "0 0 16 16",
+  "aria-hidden": "true",
+  focusable: "false"
+}, Vt = /* @__PURE__ */ v({
+  __name: "NbBreadcrumbs",
+  props: {
+    items: {},
+    label: { default: "Breadcrumb" }
+  },
+  setup(e) {
+    return (o, t) => (n(), i("nav", {
+      class: "nb-root nb-breadcrumbs",
+      "aria-label": e.label
+    }, [
+      u("ol", null, [
+        (n(!0), i(C, null, P(e.items, (s, l) => (n(), i("li", {
+          key: `${s.label}-${l}`
+        }, [
+          s.href && l < e.items.length - 1 ? (n(), i("a", {
+            key: 0,
+            href: s.href
+          }, p(s.label), 9, It)) : (n(), i("span", {
+            key: 1,
+            "aria-current": l === e.items.length - 1 ? "page" : void 0
+          }, p(s.label), 9, kt)),
+          l < e.items.length - 1 ? (n(), i("svg", Bt, [...t[0] || (t[0] = [
+            u("path", { d: "m6 3 5 5-5 5" }, null, -1)
+          ])])) : h("", !0)
+        ]))), 128))
+      ])
+    ], 8, Nt));
+  }
+}), wt = ["type", "disabled", "aria-busy"], xt = {
+  key: 0,
+  class: "nb-button__loader",
+  "aria-hidden": "true"
+}, St = /* @__PURE__ */ v({
+  inheritAttrs: !1,
+  __name: "NbButton",
+  props: {
+    variant: { default: "primary" },
+    size: { default: "md" },
+    type: { default: "button" },
+    loading: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const o = e, t = $(() => R(
+      `nb-button--${o.variant}`,
+      `nb-button--${o.size}`,
+      o.loading && "is-loading"
+    ));
+    return (s, l) => (n(), i("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(), i("span", xt, "✦")) : h("", !0),
+      u("span", null, [
+        _(s.$slots, "default")
+      ])
+    ], 16, wt));
+  }
+}), Tt = {
+  key: 0,
+  class: "nb-card__header"
+}, At = { class: "nb-card__body" }, Ct = {
+  key: 1,
+  class: "nb-card__footer"
+}, Pt = /* @__PURE__ */ v({
+  inheritAttrs: !1,
+  __name: "NbCard",
+  props: {
+    tone: { default: "paper" },
+    interactive: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const o = e, t = $(() => R(
+      `nb-card--${o.tone}`,
+      o.interactive && "nb-card--interactive"
+    ));
+    return (s, l) => (n(), i("article", k(s.$attrs, {
+      class: ["nb-root nb-card", t.value]
+    }), [
+      s.$slots.header ? (n(), i("header", Tt, [
+        _(s.$slots, "header")
+      ])) : h("", !0),
+      u("div", At, [
+        _(s.$slots, "default")
+      ]),
+      s.$slots.footer ? (n(), i("footer", Ct, [
+        _(s.$slots, "footer")
+      ])) : h("", !0)
+    ], 16));
+  }
+});
+let z = 0;
+function S(e = "nb") {
+  return z += 1, `${e}-${z}`;
+}
+function w(e, o) {
+  const t = o ?? S(e);
+  return {
+    inputId: t,
+    hintId: `${t}-hint`,
+    errorId: `${t}-error`
+  };
+}
+function A(e, o, t, s) {
+  return [e && t, o && s].filter(Boolean).join(" ") || void 0;
+}
+const Dt = ["for"], Rt = ["id", "checked", "disabled"], qt = { class: "nb-checkbox__label" }, Ot = /* @__PURE__ */ v({
+  inheritAttrs: !1,
+  __name: "NbCheckbox",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    label: {},
+    disabled: { type: Boolean, default: !1 },
+    id: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: o }) {
+    const t = e, s = o, l = w("checkbox", t.id);
+    return (b, f) => (n(), i("label", {
+      class: "nb-root nb-checkbox",
+      for: a(l).inputId
+    }, [
+      u("input", k(b.$attrs, {
+        id: a(l).inputId,
+        class: "nb-checkbox__input",
+        type: "checkbox",
+        checked: e.modelValue,
+        disabled: e.disabled,
+        onChange: f[0] || (f[0] = (d) => s("update:modelValue", d.target.checked))
+      }), null, 16, Rt),
+      f[1] || (f[1] = u("span", {
+        class: "nb-checkbox__box",
+        "aria-hidden": "true"
+      }, "✓", -1)),
+      u("span", qt, p(e.label), 1)
+    ], 8, Dt));
+  }
+}), Mt = { class: "nb-root nb-field" }, Et = ["for"], Gt = ["id"], Ut = ["id"], zt = /* @__PURE__ */ v({
+  inheritAttrs: !1,
+  __name: "NbCombobox",
+  props: {
+    modelValue: { default: "" },
+    options: {},
+    label: {},
+    placeholder: { default: "Search options" },
+    emptyText: { default: "No options found" },
+    hint: {},
+    error: {},
+    disabled: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    name: {},
+    id: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: o }) {
+    const t = e, s = o, l = w("combobox", t.id), b = $(() => A(t.hint, t.error, l.hintId, l.errorId));
+    function f(r) {
+      return t.options.find((g) => g.value === r)?.label ?? "";
+    }
+    function d(r) {
+      typeof r == "string" && s("update:modelValue", r);
+    }
+    return (r, g) => (n(), i("div", Mt, [
+      e.label ? (n(), i("label", {
+        key: 0,
+        class: "nb-field__label",
+        for: a(l).inputId
+      }, p(e.label), 9, Et)) : h("", !0),
+      m(a(ie), {
+        "model-value": e.modelValue,
+        disabled: e.disabled,
+        required: e.required,
+        name: e.name,
+        "open-on-click": "",
+        "onUpdate:modelValue": d
+      }, {
+        default: c(() => [
+          m(a(de), { class: "nb-combobox__anchor" }, {
+            default: c(() => [
+              m(a(re), k(r.$attrs, {
+                id: a(l).inputId,
+                class: "nb-combobox__input",
+                "display-value": f,
+                placeholder: e.placeholder,
+                "aria-invalid": e.error ? "true" : void 0,
+                "aria-describedby": b.value
+              }), null, 16, ["id", "placeholder", "aria-invalid", "aria-describedby"]),
+              m(a(ue), {
+                class: "nb-combobox__trigger",
+                "aria-label": "Show options"
+              }, {
+                default: c(() => [...g[0] || (g[0] = [
+                  u("svg", {
+                    viewBox: "0 0 16 16",
+                    "aria-hidden": "true",
+                    focusable: "false"
+                  }, [
+                    u("path", { d: "m3 6 5 5 5-5" })
+                  ], -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          m(a(ce), null, {
+            default: c(() => [
+              m(a(be), {
+                class: "nb-root nb-combobox__content",
+                position: "popper",
+                align: "start",
+                "side-offset": 5
+              }, {
+                default: c(() => [
+                  m(a(fe), { class: "nb-combobox__viewport" }, {
+                    default: c(() => [
+                      m(a(me), { class: "nb-combobox__empty" }, {
+                        default: c(() => [
+                          B(p(e.emptyText), 1)
+                        ]),
+                        _: 1
+                      }),
+                      (n(!0), i(C, null, P(e.options, (y) => (n(), N(a(pe), {
+                        key: y.value,
+                        class: "nb-combobox__item",
+                        value: y.value,
+                        "text-value": y.label,
+                        disabled: y.disabled,
+                        "data-value": y.value
+                      }, {
+                        default: c(() => [
+                          u("span", null, p(y.label), 1),
+                          m(a(he), {
+                            class: "nb-combobox__indicator",
+                            "aria-hidden": "true"
+                          }, {
+                            default: c(() => [...g[1] || (g[1] = [
+                              u("svg", {
+                                viewBox: "0 0 16 16",
+                                focusable: "false"
+                              }, [
+                                u("path", { d: "m3 8 3 3 7-7" })
+                              ], -1)
+                            ])]),
+                            _: 1
+                          })
+                        ]),
+                        _: 2
+                      }, 1032, ["value", "text-value", "disabled", "data-value"]))), 128))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["model-value", "disabled", "required", "name"]),
+      e.hint ? (n(), i("span", {
+        key: 1,
+        id: a(l).hintId,
+        class: "nb-field__hint"
+      }, p(e.hint), 9, Gt)) : h("", !0),
+      e.error ? (n(), i("span", {
+        key: 2,
+        id: a(l).errorId,
+        class: "nb-field__error"
+      }, p(e.error), 9, Ut)) : h("", !0)
+    ]));
+  }
+}), Lt = { class: "nb-alert__content" }, Ft = { key: 0 }, jt = /* @__PURE__ */ v({
+  __name: "NbAlert",
+  props: {
+    tone: { default: "info" },
+    title: {},
+    dismissible: { type: Boolean, default: !1 }
+  },
+  emits: ["dismiss"],
+  setup(e, { emit: o }) {
+    const t = e, s = o, l = x(!1), b = $(() => R(`nb-alert--${t.tone}`));
+    function f() {
+      l.value = !0, s("dismiss");
+    }
+    return (d, r) => l.value ? h("", !0) : (n(), i("div", {
+      key: 0,
+      class: V(["nb-root nb-alert", b.value]),
+      role: "alert"
+    }, [
+      u("div", Lt, [
+        e.title ? (n(), i("strong", Ft, p(e.title), 1)) : h("", !0),
+        u("span", null, [
+          _(d.$slots, "default")
+        ])
+      ]),
+      e.dismissible ? (n(), i("button", {
+        key: 0,
+        class: "nb-alert__close",
+        type: "button",
+        "aria-label": "Dismiss",
+        onClick: f
+      }, "×")) : h("", !0)
+    ], 2));
+  }
+}), Kt = { class: "nb-dialog__header" }, Ht = { class: "nb-dialog__body" }, Xt = {
+  key: 0,
+  class: "nb-dialog__footer"
+}, Jt = /* @__PURE__ */ v({
+  inheritAttrs: !1,
+  __name: "NbDialog",
+  props: {
+    open: { type: Boolean },
+    title: {},
+    closeOnBackdrop: { type: Boolean, default: !0 }
+  },
+  emits: ["update:open", "close"],
+  setup(e, { emit: o }) {
+    const t = e, s = o, b = `${S("dialog")}-title`, f = x(null), d = x(null);
+    function r() {
+      s("update:open", !1), s("close");
+    }
+    function g() {
+      return Array.from(f.value?.querySelectorAll(
+        'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'
+      ) ?? []);
+    }
+    function y(I) {
+      if (I.key === "Escape") {
+        I.preventDefault(), r();
+        return;
+      }
+      if (I.key !== "Tab") return;
+      const T = g();
+      if (!T.length) return;
+      const O = T[0], U = T[T.length - 1];
+      I.shiftKey && document.activeElement === O ? (I.preventDefault(), U.focus()) : !I.shiftKey && document.activeElement === U && (I.preventDefault(), O.focus());
+    }
+    function q() {
+      d.value = document.activeElement instanceof HTMLElement ? document.activeElement : null, document.addEventListener("keydown", y), K(() => (g()[0] ?? f.value)?.focus());
+    }
+    function G() {
+      document.removeEventListener("keydown", y), d.value?.focus(), d.value = null;
+    }
+    return D(() => t.open, (I) => {
+      I ? q() : G();
+    }, { immediate: !0 }), F(G), (I, T) => e.open ? (n(), i("div", {
+      key: 0,
+      class: "nb-root nb-dialog-layer",
+      onMousedown: T[0] || (T[0] = j((O) => e.closeOnBackdrop && r(), ["self"]))
+    }, [
+      u("section", k(I.$attrs, {
+        ref_key: "dialogRef",
+        ref: f,
+        class: "nb-dialog",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": b,
+        tabindex: "-1"
+      }), [
+        u("header", Kt, [
+          u("h2", { id: b }, p(e.title), 1),
+          u("button", {
+            class: "nb-dialog__close",
+            type: "button",
+            "aria-label": "Close dialog",
+            onClick: r
+          }, "×")
+        ]),
+        u("div", Ht, [
+          _(I.$slots, "default")
+        ]),
+        I.$slots.footer ? (n(), i("footer", Xt, [
+          _(I.$slots, "footer")
+        ])) : h("", !0)
+      ], 16)
+    ], 32)) : h("", !0);
+  }
+}), Qt = /* @__PURE__ */ v({
+  __name: "NbDropdownMenu",
+  props: {
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: !1 },
+    label: { default: "Open menu" },
+    align: { default: "start" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:open"],
+  setup(e, { emit: o }) {
+    const t = e, s = o, l = x(t.open ?? t.defaultOpen), b = $(() => t.open ?? l.value);
+    D(() => t.open, (d) => {
+      d !== void 0 && (l.value = d);
+    });
+    function f(d) {
+      l.value = d, s("update:open", d);
+    }
+    return (d, r) => (n(), N(a(ve), {
+      open: b.value,
+      "default-open": e.defaultOpen,
+      "onUpdate:open": f
+    }, {
+      default: c(() => [
+        m(a(ge), {
+          class: "nb-root nb-overlay-trigger",
+          "aria-label": e.label,
+          disabled: e.disabled
+        }, {
+          default: c(() => [
+            _(d.$slots, "trigger"),
+            r[0] || (r[0] = u("svg", {
+              class: "nb-overlay-trigger__icon",
+              viewBox: "0 0 16 16",
+              "aria-hidden": "true",
+              focusable: "false"
+            }, [
+              u("path", { d: "m3 6 5 5 5-5" })
+            ], -1))
+          ]),
+          _: 3
+        }, 8, ["aria-label", "disabled"]),
+        m(a(_e), null, {
+          default: c(() => [
+            m(a(ye), {
+              class: "nb-root nb-dropdown-menu",
+              align: e.align,
+              "side-offset": 8
+            }, {
+              default: c(() => [
+                _(d.$slots, "default")
+              ]),
+              _: 3
+            }, 8, ["align"])
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["open", "default-open"]));
+  }
+}), Wt = /* @__PURE__ */ v({
+  __name: "NbDropdownMenuItem",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    destructive: { type: Boolean, default: !1 }
+  },
+  emits: ["select"],
+  setup(e, { emit: o }) {
+    const t = o;
+    return (s, l) => (n(), N(a($e), {
+      class: V(["nb-dropdown-menu__item", { "nb-dropdown-menu__item--destructive": e.destructive }]),
+      disabled: e.disabled,
+      onSelect: l[0] || (l[0] = (b) => t("select", b))
+    }, {
+      default: c(() => [
+        _(s.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class", "disabled"]));
+  }
+}), Yt = /* @__PURE__ */ v({
+  __name: "NbDropdownMenuSeparator",
+  setup(e) {
+    return (o, t) => (n(), N(a(Ne), { class: "nb-dropdown-menu__separator" }));
+  }
+}), Zt = ["aria-labelledby"], ea = {
+  key: 0,
+  class: "nb-empty-state__icon",
+  "aria-hidden": "true"
+}, ta = ["id"], aa = { key: 1 }, la = {
+  key: 2,
+  class: "nb-empty-state__action"
+}, na = /* @__PURE__ */ v({
+  __name: "NbEmptyState",
+  props: {
+    title: {},
+    description: {}
+  },
+  setup(e) {
+    const o = S("empty-state-title");
+    return (t, s) => (n(), i("section", {
+      class: "nb-root nb-empty-state",
+      role: "region",
+      "aria-labelledby": a(o)
+    }, [
+      t.$slots.icon ? (n(), i("div", ea, [
+        _(t.$slots, "icon")
+      ])) : h("", !0),
+      u("h2", { id: a(o) }, p(e.title), 9, ta),
+      e.description ? (n(), i("p", aa, p(e.description), 1)) : h("", !0),
+      t.$slots.default ? (n(), i("div", la, [
+        _(t.$slots, "default")
+      ])) : h("", !0)
+    ], 8, Zt));
+  }
+}), oa = ["disabled", "aria-describedby"], sa = {
+  key: 0,
+  class: "nb-fieldset__legend"
+}, ia = { class: "nb-fieldset__content" }, da = /* @__PURE__ */ v({
+  __name: "NbFieldset",
+  props: {
+    legend: {},
+    description: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const o = `${S("fieldset")}-description`;
+    return (t, s) => (n(), i("fieldset", {
+      class: "nb-root nb-fieldset",
+      disabled: e.disabled,
+      "aria-describedby": e.description ? o : void 0
+    }, [
+      e.legend ? (n(), i("legend", sa, p(e.legend), 1)) : h("", !0),
+      e.description ? (n(), i("p", {
+        key: 1,
+        id: o,
+        class: "nb-fieldset__description"
+      }, p(e.description), 1)) : h("", !0),
+      u("div", ia, [
+        _(t.$slots, "default")
+      ])
+    ], 8, oa));
+  }
+}), ra = { class: "nb-root nb-field" }, ua = ["for"], ca = ["id", "value", "disabled", "aria-invalid", "aria-describedby"], ba = ["id"], fa = ["id"], ma = /* @__PURE__ */ v({
+  inheritAttrs: !1,
+  __name: "NbInput",
+  props: {
+    modelValue: { default: "" },
+    label: {},
+    hint: {},
+    error: {},
+    disabled: { type: Boolean, default: !1 },
+    id: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: o }) {
+    const t = e, s = o, l = w("input", t.id), b = $(() => A(t.hint, t.error, l.hintId, l.errorId));
+    return (f, d) => (n(), i("div", ra, [
+      e.label ? (n(), i("label", {
+        key: 0,
+        class: "nb-field__label",
+        for: a(l).inputId
+      }, p(e.label), 9, ua)) : h("", !0),
+      u("input", k(f.$attrs, {
+        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,
+        onInput: d[0] || (d[0] = (r) => s("update:modelValue", r.target.value))
+      }), null, 16, ca),
+      e.hint ? (n(), i("span", {
+        key: 1,
+        id: a(l).hintId,
+        class: "nb-field__hint"
+      }, p(e.hint), 9, ba)) : h("", !0),
+      e.error ? (n(), i("span", {
+        key: 2,
+        id: a(l).errorId,
+        class: "nb-field__error"
+      }, p(e.error), 9, fa)) : h("", !0)
+    ]));
+  }
+}), pa = { class: "nb-root nb-input-group" }, ha = {
+  key: 0,
+  class: "nb-input-group__addon"
+}, va = { class: "nb-input-group__control" }, ga = {
+  key: 1,
+  class: "nb-input-group__addon"
+}, _a = /* @__PURE__ */ v({
+  __name: "NbInputGroup",
+  setup(e) {
+    const o = H();
+    return (t, s) => (n(), i("div", pa, [
+      a(o).start ? (n(), i("span", ha, [
+        _(t.$slots, "start")
+      ])) : h("", !0),
+      u("div", va, [
+        _(t.$slots, "default")
+      ]),
+      a(o).end ? (n(), i("span", ga, [
+        _(t.$slots, "end")
+      ])) : h("", !0)
+    ]));
+  }
+}), ya = { class: "nb-root nb-field" }, $a = ["for"], Na = ["id"], Ia = ["id"], ka = /* @__PURE__ */ v({
+  inheritAttrs: !1,
+  __name: "NbNumberInput",
+  props: {
+    modelValue: { default: null },
+    label: {},
+    hint: {},
+    error: {},
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    name: {},
+    id: {},
+    min: {},
+    max: {},
+    step: { default: 1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: o }) {
+    const t = e, s = o, l = w("number-input", t.id), b = $(() => A(t.hint, t.error, l.hintId, l.errorId)), f = $(() => t.label ?? "value");
+    return (d, r) => (n(), i("div", ya, [
+      e.label ? (n(), i("label", {
+        key: 0,
+        class: "nb-field__label",
+        for: a(l).inputId
+      }, p(e.label), 9, $a)) : h("", !0),
+      m(a(Ie), {
+        class: "nb-number-input",
+        "model-value": e.modelValue,
+        min: e.min,
+        max: e.max,
+        step: e.step,
+        disabled: e.disabled,
+        readonly: e.readonly,
+        required: e.required,
+        name: e.name,
+        "onUpdate:modelValue": r[0] || (r[0] = (g) => s("update:modelValue", g))
+      }, {
+        default: c(() => [
+          m(a(ke), {
+            class: "nb-number-input__button",
+            "aria-label": `Decrease ${f.value}`
+          }, {
+            default: c(() => [...r[1] || (r[1] = [
+              B("−", -1)
+            ])]),
+            _: 1
+          }, 8, ["aria-label"]),
+          m(a(Be), k(d.$attrs, {
+            id: a(l).inputId,
+            class: "nb-number-input__input",
+            "aria-invalid": e.error ? "true" : void 0,
+            "aria-describedby": b.value
+          }), null, 16, ["id", "aria-invalid", "aria-describedby"]),
+          m(a(Ve), {
+            class: "nb-number-input__button",
+            "aria-label": `Increase ${f.value}`
+          }, {
+            default: c(() => [...r[2] || (r[2] = [
+              B("+", -1)
+            ])]),
+            _: 1
+          }, 8, ["aria-label"])
+        ]),
+        _: 1
+      }, 8, ["model-value", "min", "max", "step", "disabled", "readonly", "required", "name"]),
+      e.hint ? (n(), i("span", {
+        key: 1,
+        id: a(l).hintId,
+        class: "nb-field__hint"
+      }, p(e.hint), 9, Na)) : h("", !0),
+      e.error ? (n(), i("span", {
+        key: 2,
+        id: a(l).errorId,
+        class: "nb-field__error"
+      }, p(e.error), 9, Ia)) : h("", !0)
+    ]));
+  }
+}), Ba = /* @__PURE__ */ v({
+  __name: "NbPagination",
+  props: {
+    page: {},
+    defaultPage: { default: 1 },
+    total: {},
+    itemsPerPage: { default: 10 },
+    siblingCount: { default: 1 },
+    disabled: { type: Boolean, default: !1 },
+    label: { default: "Pagination" }
+  },
+  emits: ["update:page"],
+  setup(e, { emit: o }) {
+    const t = o;
+    return (s, l) => (n(), N(a(we), {
+      class: "nb-root nb-pagination",
+      page: e.page,
+      "default-page": e.defaultPage,
+      total: e.total,
+      "items-per-page": e.itemsPerPage,
+      "sibling-count": e.siblingCount,
+      disabled: e.disabled,
+      "show-edges": "",
+      "aria-label": e.label,
+      "onUpdate:page": l[0] || (l[0] = (b) => t("update:page", b))
+    }, {
+      default: c(() => [
+        m(a(xe), {
+          class: "nb-pagination__button",
+          "aria-label": "Go to previous page"
+        }, {
+          default: c(() => [...l[1] || (l[1] = [
+            u("svg", {
+              viewBox: "0 0 16 16",
+              "aria-hidden": "true",
+              focusable: "false"
+            }, [
+              u("path", { d: "m10 3-5 5 5 5" })
+            ], -1)
+          ])]),
+          _: 1
+        }),
+        m(a(Se), { class: "nb-pagination__list" }, {
+          default: c(({ items: b }) => [
+            (n(!0), i(C, null, P(b, (f, d) => (n(), i(C, {
+              key: f.type === "page" ? f.value : `ellipsis-${d}`
+            }, [
+              f.type === "page" ? (n(), N(a(Te), {
+                key: 0,
+                class: "nb-pagination__button",
+                value: f.value
+              }, {
+                default: c(() => [
+                  B(p(f.value), 1)
+                ]),
+                _: 2
+              }, 1032, ["value"])) : (n(), N(a(Ae), {
+                key: 1,
+                class: "nb-pagination__ellipsis"
+              }, {
+                default: c(() => [...l[2] || (l[2] = [
+                  B("…", -1)
+                ])]),
+                _: 1
+              }))
+            ], 64))), 128))
+          ]),
+          _: 1
+        }),
+        m(a(Ce), {
+          class: "nb-pagination__button",
+          "aria-label": "Go to next page"
+        }, {
+          default: c(() => [...l[3] || (l[3] = [
+            u("svg", {
+              viewBox: "0 0 16 16",
+              "aria-hidden": "true",
+              focusable: "false"
+            }, [
+              u("path", { d: "m6 3 5 5-5 5" })
+            ], -1)
+          ])]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["page", "default-page", "total", "items-per-page", "sibling-count", "disabled", "aria-label"]));
+  }
+}), Va = {
+  key: 0,
+  class: "nb-popover__header"
+}, wa = ["id"], xa = { class: "nb-popover__body" }, Sa = /* @__PURE__ */ v({
+  __name: "NbPopover",
+  props: {
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: !1 },
+    title: {},
+    align: { default: "center" },
+    side: { default: "bottom" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:open"],
+  setup(e, { emit: o }) {
+    const t = e, s = o, l = S("popover-title"), b = x(t.open ?? t.defaultOpen), f = $(() => t.open ?? b.value);
+    D(() => t.open, (r) => {
+      r !== void 0 && (b.value = r);
+    });
+    function d(r) {
+      b.value = r, s("update:open", r);
+    }
+    return (r, g) => (n(), N(a(Pe), {
+      open: f.value,
+      "default-open": e.defaultOpen,
+      "onUpdate:open": d
+    }, {
+      default: c(() => [
+        m(a(De), {
+          class: "nb-root nb-overlay-trigger",
+          disabled: e.disabled
+        }, {
+          default: c(() => [
+            _(r.$slots, "trigger")
+          ]),
+          _: 3
+        }, 8, ["disabled"]),
+        m(a(Re), null, {
+          default: c(() => [
+            m(a(qe), {
+              class: "nb-root nb-popover",
+              align: e.align,
+              side: e.side,
+              "side-offset": 8,
+              "aria-labelledby": e.title ? a(l) : void 0
+            }, {
+              default: c(() => [
+                e.title ? (n(), i("header", Va, [
+                  u("h2", { id: a(l) }, p(e.title), 9, wa),
+                  m(a(Oe), {
+                    class: "nb-overlay-close",
+                    "aria-label": "Close popover"
+                  }, {
+                    default: c(() => [...g[0] || (g[0] = [
+                      B("×", -1)
+                    ])]),
+                    _: 1
+                  })
+                ])) : h("", !0),
+                u("div", xa, [
+                  _(r.$slots, "default")
+                ])
+              ]),
+              _: 3
+            }, 8, ["align", "side", "aria-labelledby"])
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["open", "default-open"]));
+  }
+}), Ta = { class: "nb-root nb-progress-wrap" }, Aa = {
+  key: 0,
+  class: "nb-progress__header"
+}, Ca = /* @__PURE__ */ v({
+  __name: "NbProgress",
+  props: {
+    value: { default: null },
+    max: { default: 100 },
+    label: { default: "Progress" },
+    showValue: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const o = e, t = $(() => o.value === null ? 0 : Math.min(100, Math.max(0, o.value / o.max * 100)));
+    return (s, l) => (n(), i("div", Ta, [
+      e.showValue ? (n(), i("div", Aa, [
+        u("span", null, p(e.label), 1),
+        u("span", null, p(Math.round(t.value)) + "%", 1)
+      ])) : h("", !0),
+      m(a(Me), {
+        class: "nb-progress",
+        "model-value": e.value,
+        max: e.max,
+        "get-value-label": () => e.label
+      }, {
+        default: c(() => [
+          m(a(Ee), {
+            class: "nb-progress__indicator",
+            style: M(e.value === null ? void 0 : { transform: `translateX(-${100 - t.value}%)` })
+          }, null, 8, ["style"])
+        ]),
+        _: 1
+      }, 8, ["model-value", "max", "get-value-label"])
+    ]));
+  }
+}), Pa = ["disabled", "aria-describedby"], Da = {
+  key: 0,
+  class: "nb-radio-group__legend"
+}, Ra = { class: "nb-radio-group__options" }, qa = ["for"], Oa = ["id", "name", "value", "checked", "disabled", "onChange"], Ma = { class: "nb-radio__content" }, Ea = { class: "nb-radio__label" }, Ga = {
+  key: 0,
+  class: "nb-radio__description"
+}, Ua = /* @__PURE__ */ v({
+  __name: "NbRadioGroup",
+  props: {
+    modelValue: { default: "" },
+    name: {},
+    label: {},
+    hint: {},
+    disabled: { type: Boolean, default: !1 },
+    options: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: o }) {
+    const t = e, s = o, l = S("radio-group"), b = t.name ?? l, f = `${l}-hint`;
+    return (d, r) => (n(), i("fieldset", {
+      class: "nb-root nb-radio-group",
+      disabled: e.disabled,
+      "aria-describedby": e.hint ? f : void 0
+    }, [
+      e.label ? (n(), i("legend", Da, p(e.label), 1)) : h("", !0),
+      e.hint ? (n(), i("p", {
+        key: 1,
+        id: f,
+        class: "nb-field__hint nb-radio-group__hint"
+      }, p(e.hint), 1)) : h("", !0),
+      u("div", Ra, [
+        (n(!0), i(C, null, P(e.options, (g, y) => (n(), i("label", {
+          key: g.value,
+          class: V(["nb-radio", { "is-checked": e.modelValue === g.value }]),
+          for: `${a(l)}-${y}`
+        }, [
+          u("input", {
+            id: `${a(l)}-${y}`,
+            class: "nb-radio__input",
+            type: "radio",
+            name: a(b),
+            value: g.value,
+            checked: e.modelValue === g.value,
+            disabled: e.disabled || g.disabled,
+            onChange: (q) => s("update:modelValue", g.value)
+          }, null, 40, Oa),
+          r[0] || (r[0] = u("span", {
+            class: "nb-radio__mark",
+            "aria-hidden": "true"
+          }, null, -1)),
+          u("span", Ma, [
+            u("span", Ea, p(g.label), 1),
+            g.description ? (n(), i("span", Ga, p(g.description), 1)) : h("", !0)
+          ])
+        ], 10, qa))), 128))
+      ])
+    ], 8, Pa));
+  }
+}), za = /* @__PURE__ */ v({
+  __name: "NbScrollArea",
+  props: {
+    label: { default: "Scrollable content" },
+    height: { default: "16rem" },
+    type: { default: "hover" }
+  },
+  setup(e) {
+    return (o, t) => (n(), N(a(Ge), {
+      class: "nb-root nb-scroll-area",
+      type: e.type,
+      style: M({ height: e.height })
+    }, {
+      default: c(() => [
+        m(a(Ue), {
+          class: "nb-scroll-area__viewport",
+          "aria-label": e.label
+        }, {
+          default: c(() => [
+            _(o.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["aria-label"]),
+        m(a(ze), {
+          class: "nb-scroll-area__scrollbar",
+          orientation: "vertical"
+        }, {
+          default: c(() => [
+            m(a(Le), { class: "nb-scroll-area__thumb" })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 3
+    }, 8, ["type", "style"]));
+  }
+}), La = { class: "nb-root nb-field" }, Fa = ["for"], ja = ["id"], Ka = ["id"], Ha = /* @__PURE__ */ v({
+  inheritAttrs: !1,
+  __name: "NbSelect",
+  props: {
+    modelValue: { default: "" },
+    label: {},
+    placeholder: { default: "Select an option" },
+    hint: {},
+    error: {},
+    disabled: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    name: {},
+    id: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: o }) {
+    const t = e, s = o, l = w("select", t.id), b = $(() => A(t.hint, t.error, l.hintId, l.errorId));
+    function f(d) {
+      typeof d == "string" && s("update:modelValue", d);
+    }
+    return (d, r) => (n(), i("div", La, [
+      e.label ? (n(), i("label", {
+        key: 0,
+        class: "nb-field__label",
+        for: a(l).inputId
+      }, p(e.label), 9, Fa)) : h("", !0),
+      m(a(Fe), {
+        "model-value": e.modelValue,
+        disabled: e.disabled,
+        required: e.required,
+        name: e.name,
+        "onUpdate:modelValue": f
+      }, {
+        default: c(() => [
+          m(a(je), k(d.$attrs, {
+            id: a(l).inputId,
+            class: "nb-select__trigger",
+            "aria-invalid": e.error ? "true" : void 0,
+            "aria-describedby": b.value
+          }), {
+            default: c(() => [
+              m(a(Ke), { placeholder: e.placeholder }, null, 8, ["placeholder"]),
+              m(a(He), {
+                class: "nb-select__icon",
+                "aria-hidden": "true"
+              }, {
+                default: c(() => [...r[0] || (r[0] = [
+                  u("svg", {
+                    viewBox: "0 0 16 16",
+                    focusable: "false"
+                  }, [
+                    u("path", { d: "m3 6 5 5 5-5" })
+                  ], -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 16, ["id", "aria-invalid", "aria-describedby"]),
+          m(a(Xe), null, {
+            default: c(() => [
+              m(a(Je), {
+                class: "nb-root nb-select__content",
+                position: "popper",
+                "side-offset": 5
+              }, {
+                default: c(() => [
+                  m(a(Qe), {
+                    class: "nb-select__scroll-button",
+                    "aria-label": "Scroll up"
+                  }, {
+                    default: c(() => [...r[1] || (r[1] = [
+                      u("svg", {
+                        viewBox: "0 0 16 16",
+                        "aria-hidden": "true",
+                        focusable: "false"
+                      }, [
+                        u("path", { d: "m3 10 5-5 5 5" })
+                      ], -1)
+                    ])]),
+                    _: 1
+                  }),
+                  m(a(We), { class: "nb-select__viewport" }, {
+                    default: c(() => [
+                      _(d.$slots, "default")
+                    ]),
+                    _: 3
+                  }),
+                  m(a(Ye), {
+                    class: "nb-select__scroll-button",
+                    "aria-label": "Scroll down"
+                  }, {
+                    default: c(() => [...r[2] || (r[2] = [
+                      u("svg", {
+                        viewBox: "0 0 16 16",
+                        "aria-hidden": "true",
+                        focusable: "false"
+                      }, [
+                        u("path", { d: "m3 6 5 5 5-5" })
+                      ], -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                _: 3
+              })
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["model-value", "disabled", "required", "name"]),
+      e.hint ? (n(), i("span", {
+        key: 1,
+        id: a(l).hintId,
+        class: "nb-field__hint"
+      }, p(e.hint), 9, ja)) : h("", !0),
+      e.error ? (n(), i("span", {
+        key: 2,
+        id: a(l).errorId,
+        class: "nb-field__error"
+      }, p(e.error), 9, Ka)) : h("", !0)
+    ]));
+  }
+}), Xa = /* @__PURE__ */ v({
+  __name: "NbSelectItem",
+  props: {
+    value: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    return (o, t) => (n(), N(a(Ze), {
+      class: "nb-select__item",
+      value: e.value,
+      disabled: e.disabled,
+      "data-value": e.value
+    }, {
+      default: c(() => [
+        m(a(et), null, {
+          default: c(() => [
+            _(o.$slots, "default")
+          ]),
+          _: 3
+        }),
+        m(a(tt), {
+          class: "nb-select__indicator",
+          "aria-hidden": "true"
+        }, {
+          default: c(() => [...t[0] || (t[0] = [
+            u("svg", {
+              viewBox: "0 0 16 16",
+              focusable: "false"
+            }, [
+              u("path", { d: "m2.5 8.5 3.5 3.5 7.5-8" })
+            ], -1)
+          ])]),
+          _: 1
+        })
+      ]),
+      _: 3
+    }, 8, ["value", "disabled", "data-value"]));
+  }
+}), Ja = /* @__PURE__ */ v({
+  __name: "NbSeparator",
+  props: {
+    orientation: { default: "horizontal" },
+    decorative: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    return (o, t) => (n(), N(a(at), {
+      class: "nb-root nb-separator",
+      orientation: e.orientation,
+      decorative: e.decorative
+    }, null, 8, ["orientation", "decorative"]));
+  }
+}), Qa = { class: "nb-root nb-field" }, Wa = {
+  key: 0,
+  class: "nb-slider__header"
+}, Ya = {
+  key: 1,
+  class: "nb-slider__value"
+}, Za = ["id"], el = ["id"], tl = /* @__PURE__ */ v({
+  inheritAttrs: !1,
+  __name: "NbSlider",
+  props: {
+    modelValue: { default: 0 },
+    label: {},
+    hint: {},
+    error: {},
+    disabled: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    name: {},
+    id: {},
+    min: { default: 0 },
+    max: { default: 100 },
+    step: { default: 1 },
+    showValue: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: o }) {
+    const t = e, s = o, l = w("slider", t.id), b = `${l.inputId}-label`, f = $(() => A(t.hint, t.error, l.hintId, l.errorId));
+    function d(g) {
+      g?.[0] !== void 0 && s("update:modelValue", g[0]);
+    }
+    function r(g) {
+      g[0] !== void 0 && s("change", g[0]);
+    }
+    return (g, y) => (n(), i("div", Qa, [
+      e.label || e.showValue ? (n(), i("div", Wa, [
+        e.label ? (n(), i("span", {
+          key: 0,
+          id: b,
+          class: "nb-field__label"
+        }, p(e.label), 1)) : h("", !0),
+        e.showValue ? (n(), i("output", Ya, p(e.modelValue), 1)) : h("", !0)
+      ])) : h("", !0),
+      m(a(lt), {
+        class: "nb-slider",
+        "model-value": [e.modelValue],
+        min: e.min,
+        max: e.max,
+        step: e.step,
+        disabled: e.disabled,
+        required: e.required,
+        name: e.name,
+        "onUpdate:modelValue": d,
+        onValueCommit: r
+      }, {
+        default: c(() => [
+          m(a(nt), { class: "nb-slider__track" }, {
+            default: c(() => [
+              m(a(ot), { class: "nb-slider__range" })
+            ]),
+            _: 1
+          }),
+          m(a(st), k(g.$attrs, {
+            id: a(l).inputId,
+            class: "nb-slider__thumb",
+            "aria-labelledby": e.label ? b : void 0,
+            "aria-invalid": e.error ? "true" : void 0,
+            "aria-describedby": f.value
+          }), null, 16, ["id", "aria-labelledby", "aria-invalid", "aria-describedby"])
+        ]),
+        _: 1
+      }, 8, ["model-value", "min", "max", "step", "disabled", "required", "name"]),
+      e.hint ? (n(), i("span", {
+        key: 1,
+        id: a(l).hintId,
+        class: "nb-field__hint"
+      }, p(e.hint), 9, Za)) : h("", !0),
+      e.error ? (n(), i("span", {
+        key: 2,
+        id: a(l).errorId,
+        class: "nb-field__error"
+      }, p(e.error), 9, el)) : h("", !0)
+    ]));
+  }
+}), al = /* @__PURE__ */ v({
+  __name: "NbSkeleton",
+  props: {
+    width: { default: "100%" },
+    height: { default: "1rem" },
+    rounded: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const o = e, t = $(() => ({ width: o.width, height: o.height }));
+    return (s, l) => (n(), i("div", {
+      class: V(["nb-root nb-skeleton", { "nb-skeleton--rounded": e.rounded }]),
+      style: M(t.value),
+      "aria-hidden": "true"
+    }, null, 6));
+  }
+}), ll = ["aria-label"], nl = /* @__PURE__ */ v({
+  __name: "NbSpinner",
+  props: {
+    label: { default: "Loading" },
+    size: { default: "md" }
+  },
+  setup(e) {
+    return (o, t) => (n(), i("span", {
+      class: "nb-root nb-spinner-wrap",
+      role: "status",
+      "aria-label": e.label
+    }, [
+      u("span", {
+        class: V(["nb-spinner", `nb-spinner--${e.size}`]),
+        "aria-hidden": "true"
+      }, null, 2)
+    ], 8, ll));
+  }
+}), ol = ["for"], sl = ["id", "checked", "disabled", "aria-checked", "aria-describedby"], il = { class: "nb-switch__content" }, dl = { class: "nb-switch__label" }, rl = ["id"], ul = /* @__PURE__ */ v({
+  inheritAttrs: !1,
+  __name: "NbSwitch",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    label: {},
+    description: {},
+    disabled: { type: Boolean, default: !1 },
+    id: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: o }) {
+    const t = e, s = o, l = w("switch", t.id);
+    return (b, f) => (n(), i("label", {
+      class: V(["nb-root nb-switch", { "is-disabled": e.disabled }]),
+      for: a(l).inputId
+    }, [
+      u("input", k(b.$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 ? a(l).hintId : void 0,
+        onChange: f[0] || (f[0] = (d) => s("update:modelValue", d.target.checked))
+      }), null, 16, sl),
+      f[1] || (f[1] = u("span", {
+        class: "nb-switch__track",
+        "aria-hidden": "true"
+      }, [
+        u("span", { class: "nb-switch__thumb" })
+      ], -1)),
+      u("span", il, [
+        u("span", dl, p(e.label), 1),
+        e.description ? (n(), i("span", {
+          key: 0,
+          id: a(l).hintId,
+          class: "nb-switch__description"
+        }, p(e.description), 9, rl)) : h("", !0)
+      ])
+    ], 10, ol));
+  }
+}), L = /* @__PURE__ */ Symbol("nb-tabs");
+function E() {
+  const e = X(L);
+  if (!e) throw new Error("Tabs components must be used inside NbTabs");
+  return e;
+}
+const cl = ["data-orientation"], bl = /* @__PURE__ */ v({
+  __name: "NbTabs",
+  props: {
+    modelValue: {},
+    defaultValue: { default: "" },
+    orientation: { default: "horizontal" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: o }) {
+    const t = e, s = o, l = S("tabs"), b = x(t.defaultValue), f = $(() => t.modelValue ?? b.value), d = $(() => t.orientation), r = (y) => encodeURIComponent(y);
+    function g(y) {
+      t.modelValue === void 0 && (b.value = y), s("update:modelValue", y);
+    }
+    return J(L, {
+      activeValue: f,
+      orientation: d,
+      select: g,
+      triggerId: (y) => `${l}-tab-${r(y)}`,
+      panelId: (y) => `${l}-panel-${r(y)}`
+    }), (y, q) => (n(), i("div", {
+      class: V(["nb-root nb-tabs", `nb-tabs--${d.value}`]),
+      "data-orientation": d.value
+    }, [
+      _(y.$slots, "default")
+    ], 10, cl));
+  }
+}), fl = ["id", "aria-labelledby", "hidden"], ml = /* @__PURE__ */ v({
+  __name: "NbTabsContent",
+  props: {
+    value: {}
+  },
+  setup(e) {
+    const o = e, t = E(), s = $(() => t.activeValue.value === o.value);
+    return (l, b) => Q((n(), i("div", {
+      class: "nb-tabs__content",
+      role: "tabpanel",
+      id: a(t).panelId(e.value),
+      "aria-labelledby": a(t).triggerId(e.value),
+      hidden: !s.value,
+      tabindex: "0"
+    }, [
+      _(l.$slots, "default")
+    ], 8, fl)), [
+      [W, s.value]
+    ]);
+  }
+}), pl = ["aria-orientation"], hl = /* @__PURE__ */ v({
+  __name: "NbTabsList",
+  setup(e) {
+    const { orientation: o } = E();
+    function t(s) {
+      const l = o.value === "vertical" ? "ArrowUp" : "ArrowLeft", b = o.value === "vertical" ? "ArrowDown" : "ArrowRight";
+      if (![l, b, "Home", "End"].includes(s.key)) return;
+      const f = s.currentTarget, d = Array.from(f.querySelectorAll('[role="tab"]:not(:disabled)')), r = s.target.closest('[role="tab"]'), g = r ? d.indexOf(r) : -1;
+      if (!d.length || g < 0) return;
+      s.preventDefault();
+      const y = s.key === "Home" ? 0 : s.key === "End" ? d.length - 1 : (g + (s.key === b ? 1 : -1) + d.length) % d.length;
+      d[y]?.focus(), d[y]?.click();
+    }
+    return (s, l) => (n(), i("div", {
+      class: "nb-tabs__list",
+      role: "tablist",
+      "aria-orientation": a(o),
+      onKeydown: t
+    }, [
+      _(s.$slots, "default")
+    ], 40, pl));
+  }
+}), vl = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "data-active"], gl = /* @__PURE__ */ v({
+  __name: "NbTabsTrigger",
+  props: {
+    value: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const o = e, t = E(), s = $(() => t.activeValue.value === o.value);
+    return (l, b) => (n(), i("button", {
+      class: V(["nb-tabs__trigger", { "is-active": s.value }]),
+      id: a(t).triggerId(e.value),
+      type: "button",
+      role: "tab",
+      "aria-selected": s.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] = (f) => a(t).select(e.value))
+    }, [
+      _(l.$slots, "default")
+    ], 10, vl));
+  }
+}), _l = { class: "nb-root nb-field" }, yl = ["for"], $l = ["id", "value", "disabled", "aria-invalid", "aria-describedby"], Nl = ["id"], Il = ["id"], kl = /* @__PURE__ */ v({
+  inheritAttrs: !1,
+  __name: "NbTextarea",
+  props: {
+    modelValue: { default: "" },
+    label: {},
+    hint: {},
+    error: {},
+    disabled: { type: Boolean, default: !1 },
+    id: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: o }) {
+    const t = e, s = o, l = w("textarea", t.id), b = $(() => A(t.hint, t.error, l.hintId, l.errorId));
+    return (f, d) => (n(), i("div", _l, [
+      e.label ? (n(), i("label", {
+        key: 0,
+        class: "nb-field__label",
+        for: a(l).inputId
+      }, p(e.label), 9, yl)) : h("", !0),
+      u("textarea", k(f.$attrs, {
+        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,
+        onInput: d[0] || (d[0] = (r) => s("update:modelValue", r.target.value))
+      }), null, 16, $l),
+      e.hint ? (n(), i("span", {
+        key: 1,
+        id: a(l).hintId,
+        class: "nb-field__hint"
+      }, p(e.hint), 9, Nl)) : h("", !0),
+      e.error ? (n(), i("span", {
+        key: 2,
+        id: a(l).errorId,
+        class: "nb-field__error"
+      }, p(e.error), 9, Il)) : h("", !0)
+    ]));
+  }
+}), Bl = { class: "nb-root nb-table-wrap" }, Vl = { key: 0 }, wl = /* @__PURE__ */ v({
+  inheritAttrs: !1,
+  __name: "NbTable",
+  props: {
+    caption: {}
+  },
+  setup(e) {
+    return (o, t) => (n(), i("div", Bl, [
+      u("table", k(o.$attrs, { class: "nb-table" }), [
+        e.caption ? (n(), i("caption", Vl, p(e.caption), 1)) : h("", !0),
+        _(o.$slots, "default")
+      ], 16)
+    ]));
+  }
+}), xl = { class: "nb-toast__content" }, Sl = /* @__PURE__ */ v({
+  __name: "NbToast",
+  props: {
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: !1 },
+    title: {},
+    description: {},
+    tone: { default: "info" },
+    duration: { default: 5e3 }
+  },
+  emits: ["update:open"],
+  setup(e, { emit: o }) {
+    const t = e, s = o, l = x(t.open ?? t.defaultOpen), b = $(() => t.open ?? l.value);
+    D(() => t.open, (d) => {
+      d !== void 0 && (l.value = d);
+    });
+    function f(d) {
+      l.value = d, s("update:open", d);
+    }
+    return (d, r) => (n(), N(a(it), {
+      label: "Notification",
+      duration: e.duration
+    }, {
+      default: c(() => [
+        m(a(dt), {
+          class: V(["nb-root nb-toast", `nb-toast--${e.tone}`]),
+          open: b.value,
+          "default-open": e.defaultOpen,
+          type: "foreground",
+          role: "status",
+          "onUpdate:open": f
+        }, {
+          default: c(() => [
+            u("div", xl, [
+              m(a(rt), { class: "nb-toast__title" }, {
+                default: c(() => [
+                  B(p(e.title), 1)
+                ]),
+                _: 1
+              }),
+              e.description ? (n(), N(a(ut), {
+                key: 0,
+                class: "nb-toast__description"
+              }, {
+                default: c(() => [
+                  B(p(e.description), 1)
+                ]),
+                _: 1
+              })) : h("", !0),
+              _(d.$slots, "default")
+            ]),
+            m(a(ct), {
+              class: "nb-overlay-close",
+              "aria-label": "Dismiss notification"
+            }, {
+              default: c(() => [...r[0] || (r[0] = [
+                B("×", -1)
+              ])]),
+              _: 1
+            })
+          ]),
+          _: 3
+        }, 8, ["class", "open", "default-open"]),
+        m(a(bt), { class: "nb-root nb-toast-viewport" })
+      ]),
+      _: 3
+    }, 8, ["duration"]));
+  }
+}), Tl = { class: "nb-root nb-field" }, Al = ["id"], Cl = ["id"], Pl = /* @__PURE__ */ v({
+  inheritAttrs: !1,
+  __name: "NbToggleGroup",
+  props: {
+    modelValue: {},
+    type: { default: "single" },
+    orientation: { default: "horizontal" },
+    label: {},
+    hint: {},
+    error: {},
+    disabled: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    name: {},
+    id: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: o }) {
+    const t = e, s = o, l = w("toggle-group", t.id), b = `${l.inputId}-label`, f = $(() => A(t.hint, t.error, l.hintId, l.errorId));
+    function d(r) {
+      (typeof r == "string" || Array.isArray(r) && r.every((g) => typeof g == "string")) && s("update:modelValue", r);
+    }
+    return (r, g) => (n(), i("div", Tl, [
+      e.label ? (n(), i("span", {
+        key: 0,
+        id: b,
+        class: "nb-field__label"
+      }, p(e.label), 1)) : h("", !0),
+      m(a(ft), k(r.$attrs, {
+        id: a(l).inputId,
+        class: "nb-toggle-group",
+        "model-value": e.modelValue,
+        type: e.type,
+        orientation: e.orientation,
+        disabled: e.disabled,
+        required: e.required,
+        name: e.name,
+        "data-orientation": e.orientation,
+        "aria-labelledby": e.label ? b : void 0,
+        "aria-invalid": e.error ? "true" : void 0,
+        "aria-describedby": f.value,
+        "onUpdate:modelValue": d
+      }), {
+        default: c(() => [
+          _(r.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["id", "model-value", "type", "orientation", "disabled", "required", "name", "data-orientation", "aria-labelledby", "aria-invalid", "aria-describedby"]),
+      e.hint ? (n(), i("span", {
+        key: 1,
+        id: a(l).hintId,
+        class: "nb-field__hint"
+      }, p(e.hint), 9, Al)) : h("", !0),
+      e.error ? (n(), i("span", {
+        key: 2,
+        id: a(l).errorId,
+        class: "nb-field__error"
+      }, p(e.error), 9, Cl)) : h("", !0)
+    ]));
+  }
+}), Dl = /* @__PURE__ */ v({
+  inheritAttrs: !1,
+  __name: "NbToggleGroupItem",
+  props: {
+    value: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    return (o, t) => (n(), N(a(mt), k(o.$attrs, {
+      class: "nb-toggle-group__item",
+      value: e.value,
+      disabled: e.disabled
+    }), {
+      default: c(() => [
+        _(o.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["value", "disabled"]));
+  }
+}), Rl = ["aria-describedby"], ql = ["id", "hidden"], Ol = /* @__PURE__ */ v({
+  __name: "NbTooltip",
+  props: {
+    content: {}
+  },
+  setup(e) {
+    const o = e, t = x(!1), s = S("tooltip");
+    function l() {
+      t.value = !0;
+    }
+    function b() {
+      t.value = !1;
+    }
+    function f(d) {
+      d.key === "Escape" && b();
+    }
+    return (d, r) => (n(), i("span", {
+      class: "nb-root nb-tooltip",
+      onMouseenter: l,
+      onMouseleave: b
+    }, [
+      u("span", {
+        class: "nb-tooltip__trigger",
+        tabindex: "0",
+        "aria-describedby": a(s),
+        onFocus: l,
+        onBlur: b,
+        onKeydown: f
+      }, [
+        _(d.$slots, "default")
+      ], 40, Rl),
+      u("span", {
+        id: a(s),
+        class: "nb-tooltip__content",
+        role: "tooltip",
+        hidden: !t.value
+      }, [
+        _(d.$slots, "content", {}, () => [
+          B(p(o.content), 1)
+        ])
+      ], 8, ql)
+    ], 32));
+  }
+}), Gl = pt({
+  NbAccordion: ht,
+  NbAccordionItem: gt,
+  NbAlert: jt,
+  NbAspectRatio: _t,
+  NbAvatar: $t,
+  NbBadge: yt,
+  NbBreadcrumbs: Vt,
+  NbButton: St,
+  NbCard: Pt,
+  NbCheckbox: Ot,
+  NbCombobox: zt,
+  NbDialog: Jt,
+  NbDropdownMenu: Qt,
+  NbDropdownMenuItem: Wt,
+  NbDropdownMenuSeparator: Yt,
+  NbEmptyState: na,
+  NbFieldset: da,
+  NbInput: ma,
+  NbInputGroup: _a,
+  NbNumberInput: ka,
+  NbPagination: Ba,
+  NbPopover: Sa,
+  NbProgress: Ca,
+  NbRadioGroup: Ua,
+  NbScrollArea: za,
+  NbSelect: Ha,
+  NbSelectItem: Xa,
+  NbSeparator: Ja,
+  NbSkeleton: al,
+  NbSlider: tl,
+  NbSpinner: nl,
+  NbSwitch: ul,
+  NbTable: wl,
+  NbTabs: bl,
+  NbTabsContent: ml,
+  NbTabsList: hl,
+  NbTabsTrigger: gl,
+  NbTextarea: kl,
+  NbToast: Sl,
+  NbToggleGroup: Pl,
+  NbToggleGroupItem: Dl,
+  NbTooltip: Ol
+});
+export {
+  ht as NbAccordion,
+  gt as NbAccordionItem,
+  jt as NbAlert,
+  _t as NbAspectRatio,
+  $t as NbAvatar,
+  yt as NbBadge,
+  Vt as NbBreadcrumbs,
+  St as NbButton,
+  Pt as NbCard,
+  Ot as NbCheckbox,
+  zt as NbCombobox,
+  Jt as NbDialog,
+  Qt as NbDropdownMenu,
+  Wt as NbDropdownMenuItem,
+  Yt as NbDropdownMenuSeparator,
+  na as NbEmptyState,
+  da as NbFieldset,
+  ma as NbInput,
+  _a as NbInputGroup,
+  ka as NbNumberInput,
+  Ba as NbPagination,
+  Sa as NbPopover,
+  Ca as NbProgress,
+  Ua as NbRadioGroup,
+  za as NbScrollArea,
+  Ha as NbSelect,
+  Xa as NbSelectItem,
+  Ja as NbSeparator,
+  al as NbSkeleton,
+  tl as NbSlider,
+  nl as NbSpinner,
+  ul as NbSwitch,
+  wl as NbTable,
+  bl as NbTabs,
+  ml as NbTabsContent,
+  hl as NbTabsList,
+  gl as NbTabsTrigger,
+  kl as NbTextarea,
+  Sl as NbToast,
+  Pl as NbToggleGroup,
+  Dl as NbToggleGroupItem,
+  Ol as NbTooltip,
+  Gl as NeoBrutalVue
+};