@nonsuch/component-library 0.8.0 → 0.10.0

package/dist/nonsuch-components.js

@@ -1,56 +1,56 @@
-import se from "quasar/src/components/btn/QBtn.js";
-import { defineComponent as d, openBlock as o, createBlock as l, mergeProps as c, withCtx as s, renderSlot as r, createVNode as f, unref as oe, provide as le, inject as ne, createSlots as O, renderList as P, normalizeProps as W, guardReactiveProps as J, useId as z, createElementVNode as F, toDisplayString as E, createElementBlock as Q, createCommentVNode as y, computed as I, ref as B, Fragment as V, withKeys as U, createTextVNode as re, normalizeClass as de, normalizeStyle as ue, useSlots as ie, h as H, onMounted as ce, onUnmounted as me, readonly as j } from "vue";
-import Y from "quasar/src/components/spinner/QSpinnerDots.js";
-import fe from "quasar/src/components/skeleton/QSkeleton.js";
-import pe from "quasar/src/components/input/QInput.js";
-import C from "quasar/src/components/card/QCardSection.js";
-import q from "quasar/src/components/card/QCardActions.js";
-import X from "quasar/src/components/card/QCard.js";
-import _e from "quasar/src/components/select/QSelect.js";
-import ve from "quasar/src/components/checkbox/QCheckbox.js";
-import be from "quasar/src/components/toggle/QToggle.js";
-import $e from "quasar/src/components/form/QForm.js";
-import he from "quasar/src/components/dialog/QDialog.js";
-import ge from "quasar/src/components/drawer/QDrawer.js";
-import Ne from "quasar/src/components/expansion-item/QExpansionItem.js";
-import ye from "quasar/src/components/banner/QBanner.js";
-import Ie from "quasar/src/components/avatar/QAvatar.js";
-import Qe from "quasar/src/components/chip/QChip.js";
-import Se from "quasar/src/components/item/QList.js";
-import Te from "quasar/src/components/tooltip/QTooltip.js";
-import Be from "quasar/src/components/badge/QBadge.js";
-import ke from "quasar/src/components/breadcrumbs/QBreadcrumbs.js";
-import we from "quasar/src/components/breadcrumbs/QBreadcrumbsEl.js";
-import Ve from "quasar/src/components/btn-toggle/QBtnToggle.js";
-import Ce from "quasar/src/components/footer/QFooter.js";
-import Le from "quasar/src/components/header/QHeader.js";
-import Pe from "quasar/src/components/icon/QIcon.js";
-import Ee from "quasar/src/components/img/QImg.js";
-import De from "quasar/src/components/inner-loading/QInnerLoading.js";
-import Ae from "quasar/src/components/item/QItem.js";
-import Me from "quasar/src/components/item/QItemLabel.js";
-import ze from "quasar/src/components/item/QItemSection.js";
-import Oe from "quasar/src/components/layout/QLayout.js";
-import Fe from "quasar/src/components/linear-progress/QLinearProgress.js";
-import qe from "quasar/src/components/menu/QMenu.js";
-import xe from "quasar/src/components/page/QPage.js";
-import Re from "quasar/src/components/page/QPageContainer.js";
-import Ue from "quasar/src/components/pagination/QPagination.js";
-import He from "quasar/src/components/separator/QSeparator.js";
-import je from "quasar/src/components/space/QSpace.js";
-import Ke from "quasar/src/components/spinner/QSpinner.js";
-import Ge from "quasar/src/components/tabs/QTab.js";
-import Ze from "quasar/src/components/table/QTable.js";
-import We from "quasar/src/components/table/QTd.js";
-import Je from "quasar/src/components/tab-panels/QTabPanel.js";
-import Ye from "quasar/src/components/tab-panels/QTabPanels.js";
-import Xe from "quasar/src/components/tabs/QTabs.js";
-import et from "quasar/src/components/timeline/QTimeline.js";
-import tt from "quasar/src/components/timeline/QTimelineEntry.js";
-import at from "quasar/src/components/toolbar/QToolbar.js";
-import st from "quasar/src/components/toolbar/QToolbarTitle.js";
-import ot from "quasar/src/composables/use-quasar/use-quasar.js";
-const lt = /* @__PURE__ */ d({
+import ie from "quasar/src/components/btn/QBtn.js";
+import { defineComponent as u, openBlock as o, createBlock as l, mergeProps as c, withCtx as s, renderSlot as r, createVNode as f, unref as ce, provide as me, inject as fe, createSlots as U, renderList as E, normalizeProps as te, guardReactiveProps as se, useId as q, createElementVNode as x, toDisplayString as A, createElementBlock as B, createCommentVNode as g, computed as y, ref as w, Fragment as P, withKeys as G, createTextVNode as Z, normalizeClass as pe, normalizeStyle as _e, useSlots as ve, h as W, onMounted as be, onUnmounted as he, readonly as J } from "vue";
+import oe from "quasar/src/components/spinner/QSpinnerDots.js";
+import $e from "quasar/src/components/skeleton/QSkeleton.js";
+import ge from "quasar/src/components/input/QInput.js";
+import D from "quasar/src/components/card/QCardSection.js";
+import R from "quasar/src/components/card/QCardActions.js";
+import le from "quasar/src/components/card/QCard.js";
+import Ne from "quasar/src/components/select/QSelect.js";
+import ye from "quasar/src/components/checkbox/QCheckbox.js";
+import Ie from "quasar/src/components/toggle/QToggle.js";
+import Qe from "quasar/src/components/form/QForm.js";
+import Se from "quasar/src/components/dialog/QDialog.js";
+import Te from "quasar/src/components/drawer/QDrawer.js";
+import ke from "quasar/src/components/expansion-item/QExpansionItem.js";
+import Be from "quasar/src/components/banner/QBanner.js";
+import we from "quasar/src/components/avatar/QAvatar.js";
+import Ce from "quasar/src/components/chip/QChip.js";
+import Ve from "quasar/src/components/item/QList.js";
+import Le from "quasar/src/components/tooltip/QTooltip.js";
+import Pe from "quasar/src/components/badge/QBadge.js";
+import De from "quasar/src/components/breadcrumbs/QBreadcrumbs.js";
+import Ee from "quasar/src/components/breadcrumbs/QBreadcrumbsEl.js";
+import Ae from "quasar/src/components/btn-toggle/QBtnToggle.js";
+import Me from "quasar/src/components/footer/QFooter.js";
+import ze from "quasar/src/components/header/QHeader.js";
+import Oe from "quasar/src/components/icon/QIcon.js";
+import Fe from "quasar/src/components/img/QImg.js";
+import qe from "quasar/src/components/inner-loading/QInnerLoading.js";
+import Ue from "quasar/src/components/item/QItem.js";
+import xe from "quasar/src/components/item/QItemLabel.js";
+import Re from "quasar/src/components/item/QItemSection.js";
+import He from "quasar/src/components/layout/QLayout.js";
+import je from "quasar/src/components/linear-progress/QLinearProgress.js";
+import Ke from "quasar/src/components/menu/QMenu.js";
+import Ge from "quasar/src/components/page/QPage.js";
+import Ze from "quasar/src/components/page/QPageContainer.js";
+import We from "quasar/src/components/pagination/QPagination.js";
+import Je from "quasar/src/components/separator/QSeparator.js";
+import Ye from "quasar/src/components/space/QSpace.js";
+import Xe from "quasar/src/components/spinner/QSpinner.js";
+import ea from "quasar/src/components/tabs/QTab.js";
+import aa from "quasar/src/components/table/QTable.js";
+import ta from "quasar/src/components/table/QTd.js";
+import sa from "quasar/src/components/tab-panels/QTabPanel.js";
+import oa from "quasar/src/components/tab-panels/QTabPanels.js";
+import la from "quasar/src/components/tabs/QTabs.js";
+import na from "quasar/src/components/timeline/QTimeline.js";
+import ra from "quasar/src/components/timeline/QTimelineEntry.js";
+import da from "quasar/src/components/toolbar/QToolbar.js";
+import ua from "quasar/src/components/toolbar/QToolbarTitle.js";
+import ia from "quasar/src/composables/use-quasar/use-quasar.js";
+const ca = /* @__PURE__ */ u({
   __name: "NsButton",
   props: {
     color: { default: "primary" },
@@ -60,20 +60,20 @@ const lt = /* @__PURE__ */ d({
     rounded: { type: Boolean, default: !0 },
     loading: { type: Boolean, default: !1 }
   },
-  setup(t) {
-    return (e, a) => (o(), l(se, c(e.$attrs, {
-      color: t.color,
-      size: t.size,
-      unelevated: t.unelevated,
-      "no-caps": t.noCaps,
-      rounded: t.rounded,
-      loading: t.loading,
-      "aria-busy": t.loading,
+  setup(a) {
+    return (e, t) => (o(), l(ie, c(e.$attrs, {
+      color: a.color,
+      size: a.size,
+      unelevated: a.unelevated,
+      "no-caps": a.noCaps,
+      rounded: a.rounded,
+      loading: a.loading,
+      "aria-busy": a.loading,
       class: "ns-button"
     }), {
       loading: s(() => [
         r(e.$slots, "loading", {}, () => [
-          f(oe(Y), { color: "white" })
+          f(ce(oe), { color: "white" })
         ], !0)
       ]),
       default: s(() => [
@@ -82,12 +82,12 @@ const lt = /* @__PURE__ */ d({
       _: 3
     }, 16, ["color", "size", "unelevated", "no-caps", "rounded", "loading", "aria-busy"]));
   }
-}), i = (t, e) => {
-  const a = t.__vccOpts || t;
-  for (const [n, u] of e)
-    a[n] = u;
-  return a;
-}, A = /* @__PURE__ */ i(lt, [["__scopeId", "data-v-59b40e5f"]]), nt = /* @__PURE__ */ d({
+}), i = (a, e) => {
+  const t = a.__vccOpts || a;
+  for (const [n, d] of e)
+    t[n] = d;
+  return t;
+}, O = /* @__PURE__ */ i(ca, [["__scopeId", "data-v-59b40e5f"]]), ma = /* @__PURE__ */ u({
   __name: "NsSkeleton",
   props: {
     type: { default: "rect" },
@@ -97,19 +97,19 @@ const lt = /* @__PURE__ */ d({
     width: { default: void 0 },
     height: { default: void 0 }
   },
-  setup(t) {
-    return (e, a) => (o(), l(fe, c(e.$attrs, {
-      type: t.type,
-      animation: t.animation,
-      square: t.square,
-      bordered: t.bordered,
-      width: t.width,
-      height: t.height,
+  setup(a) {
+    return (e, t) => (o(), l($e, c(e.$attrs, {
+      type: a.type,
+      animation: a.animation,
+      square: a.square,
+      bordered: a.bordered,
+      width: a.width,
+      height: a.height,
       "aria-hidden": "true",
       class: "ns-skeleton"
     }), null, 16, ["type", "animation", "square", "bordered", "width", "height"]));
   }
-}), ys = /* @__PURE__ */ i(nt, [["__scopeId", "data-v-dfd40b8a"]]), x = {
+}), Ts = /* @__PURE__ */ i(ma, [["__scopeId", "data-v-dfd40b8a"]]), H = {
   common: {
     loading: "Loading…",
     retry: "Retry",
@@ -145,22 +145,22 @@ const lt = /* @__PURE__ */ d({
     tooShort: "Too short",
     tooLong: "Too long"
   }
-}, R = /* @__PURE__ */ Symbol("ns-locale");
-function rt(t) {
-  le(R, t);
+}, j = /* @__PURE__ */ Symbol("ns-locale");
+function fa(a) {
+  me(j, a);
 }
-function dt() {
-  return ne(R, x);
+function pa() {
+  return fe(j, H);
 }
-const Is = /* @__PURE__ */ d({
+const ks = /* @__PURE__ */ u({
   __name: "NsThemeProvider",
   props: {
-    locale: { default: () => x }
+    locale: { default: () => H }
   },
-  setup(t) {
-    return rt(t.locale), (a, n) => r(a.$slots, "default");
+  setup(a) {
+    return fa(a.locale), (t, n) => r(t.$slots, "default");
   }
-}), ut = /* @__PURE__ */ d({
+}), _a = /* @__PURE__ */ u({
   __name: "NsInput",
   props: {
     label: { default: void 0 },
@@ -170,75 +170,75 @@ const Is = /* @__PURE__ */ d({
     rules: { default: void 0 }
   },
   emits: ["update:modelValue"],
-  setup(t) {
-    return (e, a) => (o(), l(pe, c(e.$attrs, {
-      "model-value": t.modelValue,
-      label: t.label,
-      outlined: t.outlined,
-      dense: t.dense,
-      rules: t.rules,
+  setup(a) {
+    return (e, t) => (o(), l(ge, c(e.$attrs, {
+      "model-value": a.modelValue,
+      label: a.label,
+      outlined: a.outlined,
+      dense: a.dense,
+      rules: a.rules,
       class: "ns-input",
-      "onUpdate:modelValue": a[0] || (a[0] = (n) => e.$emit("update:modelValue", n))
-    }), O({ _: 2 }, [
-      P(e.$slots, (n, u) => ({
-        name: u,
+      "onUpdate:modelValue": t[0] || (t[0] = (n) => e.$emit("update:modelValue", n))
+    }), U({ _: 2 }, [
+      E(e.$slots, (n, d) => ({
+        name: d,
         fn: s((m) => [
-          r(e.$slots, u, W(J(m ?? {})), void 0, !0)
+          r(e.$slots, d, te(se(m ?? {})), void 0, !0)
         ])
       }))
     ]), 1040, ["model-value", "label", "outlined", "dense", "rules"]));
   }
-}), K = /* @__PURE__ */ i(ut, [["__scopeId", "data-v-7ebf3284"]]), it = { class: "text-h6" }, ct = {
+}), Y = /* @__PURE__ */ i(_a, [["__scopeId", "data-v-7ebf3284"]]), va = { class: "text-h6" }, ba = {
   key: 0,
   class: "text-subtitle2 text-grey"
-}, mt = /* @__PURE__ */ d({
+}, ha = /* @__PURE__ */ u({
   __name: "NsCard",
   props: {
     title: { default: void 0 },
     subtitle: { default: void 0 },
     flat: { type: Boolean, default: !1 }
   },
-  setup(t) {
-    const e = `ns-card-header-${z()}`;
-    return (a, n) => (o(), l(X, c(a.$attrs, {
-      class: ["ns-card", { "ns-card--flat": t.flat }],
-      role: t.title || a.$slots.header ? "region" : void 0,
-      "aria-labelledby": t.title || a.$slots.header ? e : void 0
+  setup(a) {
+    const e = `ns-card-header-${q()}`;
+    return (t, n) => (o(), l(le, c(t.$attrs, {
+      class: ["ns-card", { "ns-card--flat": a.flat }],
+      role: a.title || t.$slots.header ? "region" : void 0,
+      "aria-labelledby": a.title || t.$slots.header ? e : void 0
     }), {
       default: s(() => [
-        t.title || a.$slots.header ? (o(), l(C, {
+        a.title || t.$slots.header ? (o(), l(D, {
           key: 0,
           id: e,
           class: "ns-card__header"
         }, {
           default: s(() => [
-            r(a.$slots, "header", {}, () => [
-              F("div", it, E(t.title), 1),
-              t.subtitle ? (o(), Q("div", ct, E(t.subtitle), 1)) : y("", !0)
+            r(t.$slots, "header", {}, () => [
+              x("div", va, A(a.title), 1),
+              a.subtitle ? (o(), B("div", ba, A(a.subtitle), 1)) : g("", !0)
             ], !0)
           ]),
           _: 3
-        })) : y("", !0),
-        f(C, null, {
+        })) : g("", !0),
+        f(D, null, {
           default: s(() => [
-            r(a.$slots, "default", {}, void 0, !0)
+            r(t.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
         }),
-        a.$slots.actions ? (o(), l(q, {
+        t.$slots.actions ? (o(), l(R, {
           key: 1,
           align: "right"
         }, {
           default: s(() => [
-            r(a.$slots, "actions", {}, void 0, !0)
+            r(t.$slots, "actions", {}, void 0, !0)
           ]),
           _: 3
-        })) : y("", !0)
+        })) : g("", !0)
       ]),
       _: 3
     }, 16, ["class", "role", "aria-labelledby"]));
   }
-}), ft = /* @__PURE__ */ i(mt, [["__scopeId", "data-v-7769879a"]]), pt = /* @__PURE__ */ d({
+}), $a = /* @__PURE__ */ i(ha, [["__scopeId", "data-v-7769879a"]]), ga = /* @__PURE__ */ u({
   __name: "NsSelect",
   props: {
     label: { default: void 0 },
@@ -252,29 +252,29 @@ const Is = /* @__PURE__ */ d({
     rules: { default: void 0 }
   },
   emits: ["update:modelValue"],
-  setup(t) {
-    return (e, a) => (o(), l(_e, c(e.$attrs, {
-      "model-value": t.modelValue,
-      label: t.label,
-      options: t.options,
-      outlined: t.outlined,
-      dense: t.dense,
-      rules: t.rules,
-      multiple: t.multiple,
-      "emit-value": t.emitValue,
-      "map-options": t.mapOptions,
+  setup(a) {
+    return (e, t) => (o(), l(Ne, c(e.$attrs, {
+      "model-value": a.modelValue,
+      label: a.label,
+      options: a.options,
+      outlined: a.outlined,
+      dense: a.dense,
+      rules: a.rules,
+      multiple: a.multiple,
+      "emit-value": a.emitValue,
+      "map-options": a.mapOptions,
       class: "ns-select",
-      "onUpdate:modelValue": a[0] || (a[0] = (n) => e.$emit("update:modelValue", n))
-    }), O({ _: 2 }, [
-      P(e.$slots, (n, u) => ({
-        name: u,
+      "onUpdate:modelValue": t[0] || (t[0] = (n) => e.$emit("update:modelValue", n))
+    }), U({ _: 2 }, [
+      E(e.$slots, (n, d) => ({
+        name: d,
         fn: s((m) => [
-          r(e.$slots, u, W(J(m ?? {})), void 0, !0)
+          r(e.$slots, d, te(se(m ?? {})), void 0, !0)
         ])
       }))
     ]), 1040, ["model-value", "label", "options", "outlined", "dense", "rules", "multiple", "emit-value", "map-options"]));
   }
-}), Qs = /* @__PURE__ */ i(pt, [["__scopeId", "data-v-081cebe3"]]), _t = /* @__PURE__ */ d({
+}), Bs = /* @__PURE__ */ i(ga, [["__scopeId", "data-v-081cebe3"]]), Na = /* @__PURE__ */ u({
   __name: "NsCheckbox",
   props: {
     label: { default: void 0 },
@@ -284,18 +284,18 @@ const Is = /* @__PURE__ */ d({
     disable: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(t) {
-    return (e, a) => (o(), l(ve, c(e.$attrs, {
-      "model-value": t.modelValue,
-      label: t.label,
-      color: t.color,
-      dense: t.dense,
-      disable: t.disable,
+  setup(a) {
+    return (e, t) => (o(), l(ye, c(e.$attrs, {
+      "model-value": a.modelValue,
+      label: a.label,
+      color: a.color,
+      dense: a.dense,
+      disable: a.disable,
       class: "ns-checkbox",
-      "onUpdate:modelValue": a[0] || (a[0] = (n) => e.$emit("update:modelValue", n))
+      "onUpdate:modelValue": t[0] || (t[0] = (n) => e.$emit("update:modelValue", n))
     }), null, 16, ["model-value", "label", "color", "dense", "disable"]));
   }
-}), Ss = /* @__PURE__ */ i(_t, [["__scopeId", "data-v-2e481f8b"]]), vt = /* @__PURE__ */ d({
+}), ws = /* @__PURE__ */ i(Na, [["__scopeId", "data-v-2e481f8b"]]), ya = /* @__PURE__ */ u({
   __name: "NsToggle",
   props: {
     label: { default: void 0 },
@@ -305,33 +305,33 @@ const Is = /* @__PURE__ */ d({
     disable: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(t) {
-    return (e, a) => (o(), l(be, c(e.$attrs, {
-      "model-value": t.modelValue,
-      label: t.label,
-      color: t.color,
-      dense: t.dense,
-      disable: t.disable,
+  setup(a) {
+    return (e, t) => (o(), l(Ie, c(e.$attrs, {
+      "model-value": a.modelValue,
+      label: a.label,
+      color: a.color,
+      dense: a.dense,
+      disable: a.disable,
       role: "switch",
-      "aria-checked": t.modelValue,
+      "aria-checked": a.modelValue,
       class: "ns-toggle",
-      "onUpdate:modelValue": a[0] || (a[0] = (n) => e.$emit("update:modelValue", n))
+      "onUpdate:modelValue": t[0] || (t[0] = (n) => e.$emit("update:modelValue", n))
     }), null, 16, ["model-value", "label", "color", "dense", "disable", "aria-checked"]));
   }
-}), Ts = /* @__PURE__ */ i(vt, [["__scopeId", "data-v-f8c90530"]]), bt = /* @__PURE__ */ d({
+}), Cs = /* @__PURE__ */ i(ya, [["__scopeId", "data-v-f8c90530"]]), Ia = /* @__PURE__ */ u({
   __name: "NsForm",
   props: {
     greedy: { type: Boolean, default: !0 },
     ariaLabel: { default: void 0 }
   },
   emits: ["submit", "validationError"],
-  setup(t) {
-    return (e, a) => (o(), l($e, c(e.$attrs, {
+  setup(a) {
+    return (e, t) => (o(), l(Qe, c(e.$attrs, {
       class: "ns-form",
-      greedy: t.greedy,
-      "aria-label": t.ariaLabel,
-      onSubmit: a[0] || (a[0] = (n) => e.$emit("submit", n)),
-      onValidationError: a[1] || (a[1] = (n) => e.$emit("validationError", n))
+      greedy: a.greedy,
+      "aria-label": a.ariaLabel,
+      onSubmit: t[0] || (t[0] = (n) => e.$emit("submit", n)),
+      onValidationError: t[1] || (t[1] = (n) => e.$emit("validationError", n))
     }), {
       default: s(() => [
         r(e.$slots, "default", {}, void 0, !0)
@@ -339,7 +339,7 @@ const Is = /* @__PURE__ */ d({
       _: 3
     }, 16, ["greedy", "aria-label"]));
   }
-}), Bs = /* @__PURE__ */ i(bt, [["__scopeId", "data-v-e20d14ce"]]), $t = { class: "text-h6" }, ht = /* @__PURE__ */ d({
+}), Vs = /* @__PURE__ */ i(Ia, [["__scopeId", "data-v-e20d14ce"]]), Qa = { class: "text-h6" }, Sa = /* @__PURE__ */ u({
   __name: "NsDialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -348,38 +348,38 @@ const Is = /* @__PURE__ */ d({
     noBackdropDismiss: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(t) {
-    const e = `ns-dialog-title-${z()}`, a = `ns-dialog-body-${z()}`;
-    return (n, u) => (o(), l(he, c(n.$attrs, {
-      "model-value": t.modelValue,
-      persistent: t.persistent,
-      "no-backdrop-dismiss": t.noBackdropDismiss,
-      "aria-labelledby": t.title || n.$slots.header ? e : void 0,
-      "aria-describedby": a,
+  setup(a) {
+    const e = `ns-dialog-title-${q()}`, t = `ns-dialog-body-${q()}`;
+    return (n, d) => (o(), l(Se, c(n.$attrs, {
+      "model-value": a.modelValue,
+      persistent: a.persistent,
+      "no-backdrop-dismiss": a.noBackdropDismiss,
+      "aria-labelledby": a.title || n.$slots.header ? e : void 0,
+      "aria-describedby": t,
       class: "ns-dialog",
-      "onUpdate:modelValue": u[0] || (u[0] = (m) => n.$emit("update:modelValue", m))
+      "onUpdate:modelValue": d[0] || (d[0] = (m) => n.$emit("update:modelValue", m))
     }), {
       default: s(() => [
-        f(X, {
+        f(le, {
           class: "ns-dialog__card",
           role: "dialog",
           "aria-modal": !0
         }, {
           default: s(() => [
-            t.title || n.$slots.header ? (o(), l(C, {
+            a.title || n.$slots.header ? (o(), l(D, {
               key: 0,
               id: e,
               class: "ns-dialog__header"
             }, {
               default: s(() => [
                 r(n.$slots, "header", {}, () => [
-                  F("div", $t, E(t.title), 1)
+                  x("div", Qa, A(a.title), 1)
                 ], !0)
               ]),
               _: 3
-            })) : y("", !0),
-            f(C, {
-              id: a,
+            })) : g("", !0),
+            f(D, {
+              id: t,
               class: "ns-dialog__body"
             }, {
               default: s(() => [
@@ -387,7 +387,7 @@ const Is = /* @__PURE__ */ d({
               ]),
               _: 3
             }),
-            n.$slots.actions ? (o(), l(q, {
+            n.$slots.actions ? (o(), l(R, {
               key: 1,
               align: "right",
               class: "ns-dialog__actions"
@@ -396,7 +396,7 @@ const Is = /* @__PURE__ */ d({
                 r(n.$slots, "actions", {}, void 0, !0)
               ]),
               _: 3
-            })) : y("", !0)
+            })) : g("", !0)
           ]),
           _: 3
         })
@@ -404,68 +404,68 @@ const Is = /* @__PURE__ */ d({
       _: 3
     }, 16, ["model-value", "persistent", "no-backdrop-dismiss", "aria-labelledby"]));
   }
-}), ks = /* @__PURE__ */ i(ht, [["__scopeId", "data-v-4fca48ca"]]), gt = /* @__PURE__ */ d({
+}), Ls = /* @__PURE__ */ i(Sa, [["__scopeId", "data-v-4fca48ca"]]), Ta = /* @__PURE__ */ u({
   __name: "NsDrawer",
-  setup(t) {
-    return (e, a) => (o(), l(ge, c(e.$attrs, { class: "ns-drawer" }), {
+  setup(a) {
+    return (e, t) => (o(), l(Te, c(e.$attrs, { class: "ns-drawer" }), {
       default: s(() => [
         r(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), Nt = /* @__PURE__ */ i(gt, [["__scopeId", "data-v-66ca96b0"]]), yt = /* @__PURE__ */ d({
+}), ka = /* @__PURE__ */ i(Ta, [["__scopeId", "data-v-66ca96b0"]]), Ba = /* @__PURE__ */ u({
   __name: "NsExpansionItem",
-  setup(t) {
-    return (e, a) => (o(), l(Ne, c(e.$attrs, { class: "ns-expansion-item" }), {
+  setup(a) {
+    return (e, t) => (o(), l(ke, c(e.$attrs, { class: "ns-expansion-item" }), {
       default: s(() => [
         r(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), ws = /* @__PURE__ */ i(yt, [["__scopeId", "data-v-c07366a7"]]), It = /* @__PURE__ */ d({
+}), Ps = /* @__PURE__ */ i(Ba, [["__scopeId", "data-v-c07366a7"]]), wa = /* @__PURE__ */ u({
   __name: "NsBanner",
   props: {
     type: { default: "info" },
     dense: { type: Boolean, default: !1 },
     rounded: { type: Boolean, default: !0 }
   },
-  setup(t) {
-    const e = t, a = I(
+  setup(a) {
+    const e = a, t = y(
       () => e.type === "error" || e.type === "warning" ? "alert" : "status"
-    ), n = I(
+    ), n = y(
       () => e.type === "error" || e.type === "warning" ? "assertive" : "polite"
     );
-    return (u, m) => (o(), l(ye, c(u.$attrs, {
-      class: ["ns-banner", `ns-banner--${t.type}`],
-      dense: t.dense,
-      rounded: t.rounded,
-      role: a.value,
+    return (d, m) => (o(), l(Be, c(d.$attrs, {
+      class: ["ns-banner", `ns-banner--${a.type}`],
+      dense: a.dense,
+      rounded: a.rounded,
+      role: t.value,
       "aria-live": n.value
-    }), O({
+    }), U({
       default: s(() => [
-        r(u.$slots, "default", {}, void 0, !0)
+        r(d.$slots, "default", {}, void 0, !0)
       ]),
       _: 2
     }, [
-      u.$slots.avatar ? {
+      d.$slots.avatar ? {
         name: "avatar",
         fn: s(() => [
-          r(u.$slots, "avatar", {}, void 0, !0)
+          r(d.$slots, "avatar", {}, void 0, !0)
         ]),
         key: "0"
       } : void 0,
-      u.$slots.action ? {
+      d.$slots.action ? {
         name: "action",
         fn: s(() => [
-          r(u.$slots, "action", {}, void 0, !0)
+          r(d.$slots, "action", {}, void 0, !0)
         ]),
         key: "1"
       } : void 0
     ]), 1040, ["class", "dense", "rounded", "role", "aria-live"]));
   }
-}), Vs = /* @__PURE__ */ i(It, [["__scopeId", "data-v-18ebd6f5"]]), Qt = /* @__PURE__ */ d({
+}), Ds = /* @__PURE__ */ i(wa, [["__scopeId", "data-v-18ebd6f5"]]), Ca = /* @__PURE__ */ u({
   __name: "NsAvatar",
   props: {
     size: { default: "md" },
@@ -475,31 +475,31 @@ const Is = /* @__PURE__ */ d({
     square: { type: Boolean, default: !1 },
     ariaLabel: { default: void 0 }
   },
-  setup(t) {
+  setup(a) {
     const e = {
       sm: "32px",
       md: "48px",
       lg: "64px",
       xl: "96px"
-    }, a = t, n = I(() => e[a.size] ?? a.size);
-    return (u, m) => (o(), l(Ie, c(u.$attrs, {
+    }, t = a, n = y(() => e[t.size] ?? t.size);
+    return (d, m) => (o(), l(we, c(d.$attrs, {
       size: n.value,
-      color: t.color,
-      "text-color": t.textColor,
-      rounded: t.rounded,
-      square: t.square,
-      "aria-label": t.ariaLabel,
-      "aria-hidden": t.ariaLabel ? void 0 : "true",
-      role: t.ariaLabel ? "img" : void 0,
+      color: a.color,
+      "text-color": a.textColor,
+      rounded: a.rounded,
+      square: a.square,
+      "aria-label": a.ariaLabel,
+      "aria-hidden": a.ariaLabel ? void 0 : "true",
+      role: a.ariaLabel ? "img" : void 0,
       class: "ns-avatar"
     }), {
       default: s(() => [
-        r(u.$slots, "default", {}, void 0, !0)
+        r(d.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16, ["size", "color", "text-color", "rounded", "square", "aria-label", "aria-hidden", "role"]));
   }
-}), Cs = /* @__PURE__ */ i(Qt, [["__scopeId", "data-v-6a1b44b8"]]), St = /* @__PURE__ */ d({
+}), Es = /* @__PURE__ */ i(Ca, [["__scopeId", "data-v-6a1b44b8"]]), Va = /* @__PURE__ */ u({
   __name: "NsChip",
   props: {
     color: { default: "primary" },
@@ -510,16 +510,16 @@ const Is = /* @__PURE__ */ d({
     clickable: { type: Boolean, default: !1 }
   },
   emits: ["remove"],
-  setup(t) {
-    return (e, a) => (o(), l(Qe, c(e.$attrs, {
-      color: t.color,
-      "text-color": t.textColor,
-      outline: t.outline,
-      dense: t.dense,
-      removable: t.removable,
-      clickable: t.clickable,
+  setup(a) {
+    return (e, t) => (o(), l(Ce, c(e.$attrs, {
+      color: a.color,
+      "text-color": a.textColor,
+      outline: a.outline,
+      dense: a.dense,
+      removable: a.removable,
+      clickable: a.clickable,
       class: "ns-chip",
-      onRemove: a[0] || (a[0] = (n) => e.$emit("remove"))
+      onRemove: t[0] || (t[0] = (n) => e.$emit("remove"))
     }), {
       default: s(() => [
         r(e.$slots, "default", {}, void 0, !0)
@@ -527,7 +527,7 @@ const Is = /* @__PURE__ */ d({
       _: 3
     }, 16, ["color", "text-color", "outline", "dense", "removable", "clickable"]));
   }
-}), Ls = /* @__PURE__ */ i(St, [["__scopeId", "data-v-1a2191f1"]]), Tt = /* @__PURE__ */ d({
+}), As = /* @__PURE__ */ i(Va, [["__scopeId", "data-v-1a2191f1"]]), La = /* @__PURE__ */ u({
   __name: "NsList",
   props: {
     bordered: { type: Boolean, default: !1 },
@@ -535,12 +535,12 @@ const Is = /* @__PURE__ */ d({
     dense: { type: Boolean, default: !1 },
     ariaLabel: { default: void 0 }
   },
-  setup(t) {
-    return (e, a) => (o(), l(Se, c(e.$attrs, {
-      bordered: t.bordered,
-      separator: t.separator,
-      dense: t.dense,
-      "aria-label": t.ariaLabel,
+  setup(a) {
+    return (e, t) => (o(), l(Ve, c(e.$attrs, {
+      bordered: a.bordered,
+      separator: a.separator,
+      dense: a.dense,
+      "aria-label": a.ariaLabel,
       role: "list",
       class: "ns-list"
     }), {
@@ -550,7 +550,7 @@ const Is = /* @__PURE__ */ d({
       _: 3
     }, 16, ["bordered", "separator", "dense", "aria-label"]));
   }
-}), Bt = /* @__PURE__ */ i(Tt, [["__scopeId", "data-v-65aec20e"]]), kt = /* @__PURE__ */ d({
+}), Pa = /* @__PURE__ */ i(La, [["__scopeId", "data-v-65aec20e"]]), Da = /* @__PURE__ */ u({
   __name: "NsTooltip",
   props: {
     delay: { default: 300 },
@@ -558,12 +558,12 @@ const Is = /* @__PURE__ */ d({
     anchor: { default: "bottom middle" },
     self: { default: "top middle" }
   },
-  setup(t) {
-    return (e, a) => (o(), l(Te, c(e.$attrs, {
-      delay: t.delay,
-      offset: t.offset,
-      anchor: t.anchor,
-      self: t.self,
+  setup(a) {
+    return (e, t) => (o(), l(Le, c(e.$attrs, {
+      delay: a.delay,
+      offset: a.offset,
+      anchor: a.anchor,
+      self: a.self,
       class: "ns-tooltip"
     }), {
       default: s(() => [
@@ -572,52 +572,52 @@ const Is = /* @__PURE__ */ d({
       _: 3
     }, 16, ["delay", "offset", "anchor", "self"]));
   }
-}), Ps = /* @__PURE__ */ i(kt, [["__scopeId", "data-v-9cb6af8f"]]), wt = /* @__PURE__ */ d({
+}), Ms = /* @__PURE__ */ i(Da, [["__scopeId", "data-v-9cb6af8f"]]), Ea = /* @__PURE__ */ u({
   __name: "NsBadge",
-  setup(t) {
-    return (e, a) => (o(), l(Be, c(e.$attrs, { class: "ns-badge" }), {
+  setup(a) {
+    return (e, t) => (o(), l(Pe, c(e.$attrs, { class: "ns-badge" }), {
       default: s(() => [
         r(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), Es = /* @__PURE__ */ i(wt, [["__scopeId", "data-v-4ca05f24"]]), Vt = /* @__PURE__ */ d({
+}), zs = /* @__PURE__ */ i(Ea, [["__scopeId", "data-v-4ca05f24"]]), Aa = /* @__PURE__ */ u({
   __name: "NsBreadcrumbs",
-  setup(t) {
-    return (e, a) => (o(), l(ke, c(e.$attrs, { class: "ns-breadcrumbs" }), {
+  setup(a) {
+    return (e, t) => (o(), l(De, c(e.$attrs, { class: "ns-breadcrumbs" }), {
       default: s(() => [
         r(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), Ds = /* @__PURE__ */ i(Vt, [["__scopeId", "data-v-dee98f71"]]), Ct = /* @__PURE__ */ d({
+}), Os = /* @__PURE__ */ i(Aa, [["__scopeId", "data-v-dee98f71"]]), Ma = /* @__PURE__ */ u({
   __name: "NsBreadcrumbElement",
-  setup(t) {
-    return (e, a) => (o(), l(we, c(e.$attrs, { class: "ns-breadcrumb-element" }), {
+  setup(a) {
+    return (e, t) => (o(), l(Ee, c(e.$attrs, { class: "ns-breadcrumb-element" }), {
       default: s(() => [
         r(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), As = /* @__PURE__ */ i(Ct, [["__scopeId", "data-v-37bfe51b"]]), Lt = /* @__PURE__ */ d({
+}), Fs = /* @__PURE__ */ i(Ma, [["__scopeId", "data-v-37bfe51b"]]), za = /* @__PURE__ */ u({
   __name: "NsButtonToggle",
   props: {
     modelValue: { default: void 0 },
     options: { default: () => [] }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: e }) {
-    const a = t, n = e, u = I({
-      get: () => a.modelValue,
+  setup(a, { emit: e }) {
+    const t = a, n = e, d = y({
+      get: () => t.modelValue,
       set: (m) => n("update:modelValue", m)
     });
-    return (m, b) => (o(), l(Ve, c(m.$attrs, {
-      modelValue: u.value,
-      "onUpdate:modelValue": b[0] || (b[0] = (h) => u.value = h),
-      options: t.options,
+    return (m, b) => (o(), l(Ae, c(m.$attrs, {
+      modelValue: d.value,
+      "onUpdate:modelValue": b[0] || (b[0] = ($) => d.value = $),
+      options: a.options,
       class: "ns-button-toggle"
     }), {
       default: s(() => [
@@ -626,172 +626,172 @@ const Is = /* @__PURE__ */ d({
       _: 3
     }, 16, ["modelValue", "options"]));
   }
-}), Ms = /* @__PURE__ */ i(Lt, [["__scopeId", "data-v-93652c3e"]]), Pt = /* @__PURE__ */ d({
+}), qs = /* @__PURE__ */ i(za, [["__scopeId", "data-v-93652c3e"]]), Oa = /* @__PURE__ */ u({
   __name: "NsCardActions",
-  setup(t) {
-    return (e, a) => (o(), l(q, c(e.$attrs, { class: "ns-card-actions" }), {
+  setup(a) {
+    return (e, t) => (o(), l(R, c(e.$attrs, { class: "ns-card-actions" }), {
       default: s(() => [
         r(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), zs = /* @__PURE__ */ i(Pt, [["__scopeId", "data-v-0d6f776d"]]), Et = /* @__PURE__ */ d({
+}), Us = /* @__PURE__ */ i(Oa, [["__scopeId", "data-v-0d6f776d"]]), Fa = /* @__PURE__ */ u({
   __name: "NsCardSection",
-  setup(t) {
-    return (e, a) => (o(), l(C, c(e.$attrs, { class: "ns-card-section" }), {
+  setup(a) {
+    return (e, t) => (o(), l(D, c(e.$attrs, { class: "ns-card-section" }), {
       default: s(() => [
         r(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), Os = /* @__PURE__ */ i(Et, [["__scopeId", "data-v-781d42ef"]]), Dt = /* @__PURE__ */ d({
+}), xs = /* @__PURE__ */ i(Fa, [["__scopeId", "data-v-781d42ef"]]), qa = /* @__PURE__ */ u({
   __name: "NsFooter",
-  setup(t) {
-    return (e, a) => (o(), l(Ce, c(e.$attrs, { class: "ns-footer" }), {
+  setup(a) {
+    return (e, t) => (o(), l(Me, c(e.$attrs, { class: "ns-footer" }), {
       default: s(() => [
         r(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), At = /* @__PURE__ */ i(Dt, [["__scopeId", "data-v-1fb919cd"]]), Mt = /* @__PURE__ */ d({
+}), Ua = /* @__PURE__ */ i(qa, [["__scopeId", "data-v-1fb919cd"]]), xa = /* @__PURE__ */ u({
   __name: "NsHeader",
-  setup(t) {
-    return (e, a) => (o(), l(Le, c(e.$attrs, { class: "ns-header" }), {
+  setup(a) {
+    return (e, t) => (o(), l(ze, c(e.$attrs, { class: "ns-header" }), {
       default: s(() => [
         r(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), zt = /* @__PURE__ */ i(Mt, [["__scopeId", "data-v-80d27841"]]), Ot = /* @__PURE__ */ d({
+}), Ra = /* @__PURE__ */ i(xa, [["__scopeId", "data-v-80d27841"]]), Ha = /* @__PURE__ */ u({
   __name: "NsIcon",
-  setup(t) {
-    return (e, a) => (o(), l(Pe, c(e.$attrs, { class: "ns-icon" }), {
+  setup(a) {
+    return (e, t) => (o(), l(Oe, c(e.$attrs, { class: "ns-icon" }), {
       default: s(() => [
         r(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), T = /* @__PURE__ */ i(Ot, [["__scopeId", "data-v-d068ec18"]]), Ft = /* @__PURE__ */ d({
+}), T = /* @__PURE__ */ i(Ha, [["__scopeId", "data-v-d068ec18"]]), ja = /* @__PURE__ */ u({
   __name: "NsImage",
-  setup(t) {
-    return (e, a) => (o(), l(Ee, c(e.$attrs, { class: "ns-image" }), {
+  setup(a) {
+    return (e, t) => (o(), l(Fe, c(e.$attrs, { class: "ns-image" }), {
       default: s(() => [
         r(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), Fs = /* @__PURE__ */ i(Ft, [["__scopeId", "data-v-c9c9f6c1"]]), qt = /* @__PURE__ */ d({
+}), Rs = /* @__PURE__ */ i(ja, [["__scopeId", "data-v-c9c9f6c1"]]), Ka = /* @__PURE__ */ u({
   __name: "NsInnerLoading",
-  setup(t) {
-    return (e, a) => (o(), l(De, c(e.$attrs, { class: "ns-inner-loading" }), {
+  setup(a) {
+    return (e, t) => (o(), l(qe, c(e.$attrs, { class: "ns-inner-loading" }), {
       default: s(() => [
         r(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), qs = /* @__PURE__ */ i(qt, [["__scopeId", "data-v-080672c1"]]), xt = /* @__PURE__ */ d({
+}), Hs = /* @__PURE__ */ i(Ka, [["__scopeId", "data-v-080672c1"]]), Ga = /* @__PURE__ */ u({
   __name: "NsItem",
-  setup(t) {
-    return (e, a) => (o(), l(Ae, c(e.$attrs, { class: "ns-item" }), {
+  setup(a) {
+    return (e, t) => (o(), l(Ue, c(e.$attrs, { class: "ns-item" }), {
       default: s(() => [
         r(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), Rt = /* @__PURE__ */ i(xt, [["__scopeId", "data-v-47978f87"]]), Ut = /* @__PURE__ */ d({
+}), X = /* @__PURE__ */ i(Ga, [["__scopeId", "data-v-47978f87"]]), Za = /* @__PURE__ */ u({
   __name: "NsItemLabel",
-  setup(t) {
-    return (e, a) => (o(), l(Me, c(e.$attrs, { class: "ns-item-label" }), {
+  setup(a) {
+    return (e, t) => (o(), l(xe, c(e.$attrs, { class: "ns-item-label" }), {
       default: s(() => [
         r(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), Ht = /* @__PURE__ */ i(Ut, [["__scopeId", "data-v-df6024af"]]), jt = /* @__PURE__ */ d({
+}), ee = /* @__PURE__ */ i(Za, [["__scopeId", "data-v-df6024af"]]), Wa = /* @__PURE__ */ u({
   __name: "NsItemSection",
-  setup(t) {
-    return (e, a) => (o(), l(ze, c(e.$attrs, { class: "ns-item-section" }), {
+  setup(a) {
+    return (e, t) => (o(), l(Re, c(e.$attrs, { class: "ns-item-section" }), {
       default: s(() => [
         r(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), G = /* @__PURE__ */ i(jt, [["__scopeId", "data-v-340a753a"]]), Kt = /* @__PURE__ */ d({
+}), L = /* @__PURE__ */ i(Wa, [["__scopeId", "data-v-340a753a"]]), Ja = /* @__PURE__ */ u({
   __name: "NsLayout",
-  setup(t) {
-    return (e, a) => (o(), l(Oe, c(e.$attrs, { class: "ns-layout" }), {
+  setup(a) {
+    return (e, t) => (o(), l(He, c(e.$attrs, { class: "ns-layout" }), {
       default: s(() => [
         r(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), ee = /* @__PURE__ */ i(Kt, [["__scopeId", "data-v-cf90e270"]]), Gt = /* @__PURE__ */ d({
+}), ne = /* @__PURE__ */ i(Ja, [["__scopeId", "data-v-cf90e270"]]), Ya = /* @__PURE__ */ u({
   __name: "NsLinearProgress",
-  setup(t) {
-    return (e, a) => (o(), l(Fe, c(e.$attrs, { class: "ns-linear-progress" }), {
+  setup(a) {
+    return (e, t) => (o(), l(je, c(e.$attrs, { class: "ns-linear-progress" }), {
       default: s(() => [
         r(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), xs = /* @__PURE__ */ i(Gt, [["__scopeId", "data-v-79c6443f"]]), Zt = /* @__PURE__ */ d({
+}), js = /* @__PURE__ */ i(Ya, [["__scopeId", "data-v-79c6443f"]]), Xa = /* @__PURE__ */ u({
   __name: "NsMenu",
-  setup(t) {
-    return (e, a) => (o(), l(qe, c(e.$attrs, { class: "ns-menu" }), {
+  setup(a) {
+    return (e, t) => (o(), l(Ke, c(e.$attrs, { class: "ns-menu" }), {
       default: s(() => [
         r(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), Rs = /* @__PURE__ */ i(Zt, [["__scopeId", "data-v-47a4b7d0"]]), Wt = /* @__PURE__ */ d({
+}), Ks = /* @__PURE__ */ i(Xa, [["__scopeId", "data-v-47a4b7d0"]]), et = /* @__PURE__ */ u({
   __name: "NsPage",
-  setup(t) {
-    return (e, a) => (o(), l(xe, c(e.$attrs, { class: "ns-page" }), {
+  setup(a) {
+    return (e, t) => (o(), l(Ge, c(e.$attrs, { class: "ns-page" }), {
       default: s(() => [
         r(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), te = /* @__PURE__ */ i(Wt, [["__scopeId", "data-v-25e2841e"]]), Jt = /* @__PURE__ */ d({
+}), re = /* @__PURE__ */ i(et, [["__scopeId", "data-v-25e2841e"]]), at = /* @__PURE__ */ u({
   __name: "NsPageContainer",
-  setup(t) {
-    return (e, a) => (o(), l(Re, c(e.$attrs, { class: "ns-page-container" }), {
+  setup(a) {
+    return (e, t) => (o(), l(Ze, c(e.$attrs, { class: "ns-page-container" }), {
       default: s(() => [
         r(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), ae = /* @__PURE__ */ i(Jt, [["__scopeId", "data-v-ac167da5"]]), Yt = /* @__PURE__ */ d({
+}), de = /* @__PURE__ */ i(at, [["__scopeId", "data-v-ac167da5"]]), tt = /* @__PURE__ */ u({
   __name: "NsPagination",
   props: {
     modelValue: { default: 1 },
     max: { default: 1 }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: e }) {
-    const a = t, n = e, u = I({
-      get: () => a.modelValue,
+  setup(a, { emit: e }) {
+    const t = a, n = e, d = y({
+      get: () => t.modelValue,
       set: (m) => n("update:modelValue", m)
     });
-    return (m, b) => (o(), l(Ue, c(m.$attrs, {
-      modelValue: u.value,
-      "onUpdate:modelValue": b[0] || (b[0] = (h) => u.value = h),
-      max: t.max,
+    return (m, b) => (o(), l(We, c(m.$attrs, {
+      modelValue: d.value,
+      "onUpdate:modelValue": b[0] || (b[0] = ($) => d.value = $),
+      max: a.max,
       class: "ns-pagination"
     }), {
       default: s(() => [
@@ -800,49 +800,49 @@ const Is = /* @__PURE__ */ d({
       _: 3
     }, 16, ["modelValue", "max"]));
   }
-}), Us = /* @__PURE__ */ i(Yt, [["__scopeId", "data-v-12fa9287"]]), Xt = /* @__PURE__ */ d({
+}), Gs = /* @__PURE__ */ i(tt, [["__scopeId", "data-v-12fa9287"]]), st = /* @__PURE__ */ u({
   __name: "NsSeparator",
-  setup(t) {
-    return (e, a) => (o(), l(He, c(e.$attrs, { class: "ns-separator" }), null, 16));
+  setup(a) {
+    return (e, t) => (o(), l(Je, c(e.$attrs, { class: "ns-separator" }), null, 16));
   }
-}), ea = /* @__PURE__ */ i(Xt, [["__scopeId", "data-v-0c2b2ac1"]]), ta = /* @__PURE__ */ d({
+}), ot = /* @__PURE__ */ i(st, [["__scopeId", "data-v-0c2b2ac1"]]), lt = /* @__PURE__ */ u({
   __name: "NsSpace",
-  setup(t) {
-    return (e, a) => (o(), l(je, c(e.$attrs, { class: "ns-space" }), {
+  setup(a) {
+    return (e, t) => (o(), l(Ye, c(e.$attrs, { class: "ns-space" }), {
       default: s(() => [
         r(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), Hs = /* @__PURE__ */ i(ta, [["__scopeId", "data-v-273ca5fc"]]), aa = /* @__PURE__ */ d({
+}), Zs = /* @__PURE__ */ i(lt, [["__scopeId", "data-v-273ca5fc"]]), nt = /* @__PURE__ */ u({
   __name: "NsSpinner",
-  setup(t) {
-    return (e, a) => (o(), l(Ke, c(e.$attrs, { class: "ns-spinner" }), null, 16));
+  setup(a) {
+    return (e, t) => (o(), l(Xe, c(e.$attrs, { class: "ns-spinner" }), null, 16));
   }
-}), js = /* @__PURE__ */ i(aa, [["__scopeId", "data-v-5b99a17b"]]), sa = /* @__PURE__ */ d({
+}), Ws = /* @__PURE__ */ i(nt, [["__scopeId", "data-v-5b99a17b"]]), rt = /* @__PURE__ */ u({
   __name: "NsSpinnerDots",
-  setup(t) {
-    return (e, a) => (o(), l(Y, c(e.$attrs, { class: "ns-spinner-dots" }), null, 16));
+  setup(a) {
+    return (e, t) => (o(), l(oe, c(e.$attrs, { class: "ns-spinner-dots" }), null, 16));
   }
-}), Ks = /* @__PURE__ */ i(sa, [["__scopeId", "data-v-20a70106"]]), oa = /* @__PURE__ */ d({
+}), Js = /* @__PURE__ */ i(rt, [["__scopeId", "data-v-20a70106"]]), dt = /* @__PURE__ */ u({
   __name: "NsTab",
-  setup(t) {
-    return (e, a) => (o(), l(Ge, c(e.$attrs, { class: "ns-tab" }), {
+  setup(a) {
+    return (e, t) => (o(), l(ea, c(e.$attrs, { class: "ns-tab" }), {
       default: s(() => [
         r(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), la = /* @__PURE__ */ i(oa, [["__scopeId", "data-v-b97f2cd1"]]), na = /* @__PURE__ */ d({
+}), ut = /* @__PURE__ */ i(dt, [["__scopeId", "data-v-b97f2cd1"]]), it = /* @__PURE__ */ u({
   __name: "NsTable",
   props: {
     rows: { default: () => [] }
   },
-  setup(t) {
-    return (e, a) => (o(), l(Ze, c(e.$attrs, {
-      rows: t.rows,
+  setup(a) {
+    return (e, t) => (o(), l(aa, c(e.$attrs, {
+      rows: a.rows,
       class: "ns-table"
     }), {
       default: s(() => [
@@ -851,24 +851,24 @@ const Is = /* @__PURE__ */ d({
       _: 3
     }, 16, ["rows"]));
   }
-}), Gs = /* @__PURE__ */ i(na, [["__scopeId", "data-v-a45d30cf"]]), ra = /* @__PURE__ */ d({
+}), Ys = /* @__PURE__ */ i(it, [["__scopeId", "data-v-a45d30cf"]]), ct = /* @__PURE__ */ u({
   __name: "NsTableCell",
-  setup(t) {
-    return (e, a) => (o(), l(We, c(e.$attrs, { class: "ns-table-cell" }), {
+  setup(a) {
+    return (e, t) => (o(), l(ta, c(e.$attrs, { class: "ns-table-cell" }), {
       default: s(() => [
         r(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), Zs = /* @__PURE__ */ i(ra, [["__scopeId", "data-v-ca0da61b"]]), da = /* @__PURE__ */ d({
+}), Xs = /* @__PURE__ */ i(ct, [["__scopeId", "data-v-ca0da61b"]]), mt = /* @__PURE__ */ u({
   __name: "NsTabPanel",
   props: {
     name: {}
   },
-  setup(t) {
-    return (e, a) => (o(), l(Je, c(e.$attrs, {
-      name: t.name,
+  setup(a) {
+    return (e, t) => (o(), l(sa, c(e.$attrs, {
+      name: a.name,
       class: "ns-tab-panel"
     }), {
       default: s(() => [
@@ -877,20 +877,20 @@ const Is = /* @__PURE__ */ d({
       _: 3
     }, 16, ["name"]));
   }
-}), Ws = /* @__PURE__ */ i(da, [["__scopeId", "data-v-d8f64358"]]), ua = /* @__PURE__ */ d({
+}), eo = /* @__PURE__ */ i(mt, [["__scopeId", "data-v-d8f64358"]]), ft = /* @__PURE__ */ u({
   __name: "NsTabPanels",
   props: {
     modelValue: { default: void 0 }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: e }) {
-    const a = t, n = e, u = I({
-      get: () => a.modelValue,
+  setup(a, { emit: e }) {
+    const t = a, n = e, d = y({
+      get: () => t.modelValue,
       set: (m) => n("update:modelValue", m)
     });
-    return (m, b) => (o(), l(Ye, c(m.$attrs, {
-      modelValue: u.value,
-      "onUpdate:modelValue": b[0] || (b[0] = (h) => u.value = h),
+    return (m, b) => (o(), l(oa, c(m.$attrs, {
+      modelValue: d.value,
+      "onUpdate:modelValue": b[0] || (b[0] = ($) => d.value = $),
       class: "ns-tab-panels"
     }), {
       default: s(() => [
@@ -899,57 +899,57 @@ const Is = /* @__PURE__ */ d({
       _: 3
     }, 16, ["modelValue"]));
   }
-}), Js = /* @__PURE__ */ i(ua, [["__scopeId", "data-v-dec8ab0f"]]), ia = /* @__PURE__ */ d({
+}), ao = /* @__PURE__ */ i(ft, [["__scopeId", "data-v-dec8ab0f"]]), pt = /* @__PURE__ */ u({
   __name: "NsTabs",
-  setup(t) {
-    return (e, a) => (o(), l(Xe, c(e.$attrs, { class: "ns-tabs" }), {
+  setup(a) {
+    return (e, t) => (o(), l(la, c(e.$attrs, { class: "ns-tabs" }), {
       default: s(() => [
         r(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), ca = /* @__PURE__ */ i(ia, [["__scopeId", "data-v-81224e01"]]), ma = /* @__PURE__ */ d({
+}), _t = /* @__PURE__ */ i(pt, [["__scopeId", "data-v-81224e01"]]), vt = /* @__PURE__ */ u({
   __name: "NsTimeline",
-  setup(t) {
-    return (e, a) => (o(), l(et, c(e.$attrs, { class: "ns-timeline" }), {
+  setup(a) {
+    return (e, t) => (o(), l(na, c(e.$attrs, { class: "ns-timeline" }), {
       default: s(() => [
         r(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), Ys = /* @__PURE__ */ i(ma, [["__scopeId", "data-v-1bf558aa"]]), fa = /* @__PURE__ */ d({
+}), to = /* @__PURE__ */ i(vt, [["__scopeId", "data-v-1bf558aa"]]), bt = /* @__PURE__ */ u({
   __name: "NsTimelineEntry",
-  setup(t) {
-    return (e, a) => (o(), l(tt, c(e.$attrs, { class: "ns-timeline-entry" }), {
+  setup(a) {
+    return (e, t) => (o(), l(ra, c(e.$attrs, { class: "ns-timeline-entry" }), {
       default: s(() => [
         r(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), Xs = /* @__PURE__ */ i(fa, [["__scopeId", "data-v-fa149ea0"]]), pa = /* @__PURE__ */ d({
+}), so = /* @__PURE__ */ i(bt, [["__scopeId", "data-v-fa149ea0"]]), ht = /* @__PURE__ */ u({
   __name: "NsToolbar",
-  setup(t) {
-    return (e, a) => (o(), l(at, c(e.$attrs, { class: "ns-toolbar" }), {
+  setup(a) {
+    return (e, t) => (o(), l(da, c(e.$attrs, { class: "ns-toolbar" }), {
       default: s(() => [
         r(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), Z = /* @__PURE__ */ i(pa, [["__scopeId", "data-v-e26a45db"]]), _a = /* @__PURE__ */ d({
+}), ae = /* @__PURE__ */ i(ht, [["__scopeId", "data-v-e26a45db"]]), $t = /* @__PURE__ */ u({
   __name: "NsToolbarTitle",
-  setup(t) {
-    return (e, a) => (o(), l(st, c(e.$attrs, { class: "ns-toolbar-title" }), {
+  setup(a) {
+    return (e, t) => (o(), l(ua, c(e.$attrs, { class: "ns-toolbar-title" }), {
       default: s(() => [
         r(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), va = /* @__PURE__ */ i(_a, [["__scopeId", "data-v-42928844"]]), S = {
+}), gt = /* @__PURE__ */ i($t, [["__scopeId", "data-v-42928844"]]), k = {
   xs: 0,
   sm: 600,
   md: 1024,
@@ -957,7 +957,7 @@ const Is = /* @__PURE__ */ d({
   xl: 1920,
   xxl: 2560,
   xxxl: 3840
-}, D = [
+}, M = [
   "xs",
   "sm",
   "md",
@@ -966,141 +966,150 @@ const Is = /* @__PURE__ */ d({
   "xxl",
   "xxxl"
 ];
-function eo(t) {
-  return `(min-width: ${S[t]}px)`;
+function oo(a) {
+  return `(min-width: ${k[a]}px)`;
 }
-function to(t) {
-  return `(max-width: ${S[t] - 1}px)`;
+function lo(a) {
+  return `(max-width: ${k[a] - 1}px)`;
 }
-function ao(t) {
-  const e = D.indexOf(t), a = S[t], n = D[e + 1];
+function no(a) {
+  const e = M.indexOf(a), t = k[a], n = M[e + 1];
   if (!n)
-    return `(min-width: ${a}px)`;
-  const u = S[n] - 1;
-  return `(min-width: ${a}px) and (max-width: ${u}px)`;
+    return `(min-width: ${t}px)`;
+  const d = k[n] - 1;
+  return `(min-width: ${t}px) and (max-width: ${d}px)`;
 }
-function so(t, e) {
-  const a = D.indexOf(e), n = D[a + 1], u = S[t];
+function ro(a, e) {
+  const t = M.indexOf(e), n = M[t + 1], d = k[a];
   if (!n)
-    return `(min-width: ${u}px)`;
-  const m = S[n] - 1;
-  return `(min-width: ${u}px) and (max-width: ${m}px)`;
+    return `(min-width: ${d}px)`;
+  const m = k[n] - 1;
+  return `(min-width: ${d}px) and (max-width: ${m}px)`;
 }
-const ba = {
+const Nt = {
   key: 0,
   class: "ns-app-shell__search-inline"
-}, $a = /* @__PURE__ */ d({
+}, yt = /* @__PURE__ */ u({
   __name: "NsAppShell",
   props: {
     tabs: { default: () => [] },
     drawerItems: { default: () => [] },
     showSearch: { type: Boolean, default: !1 },
     miniDrawer: { type: Boolean, default: !1 },
-    drawerBreakpoint: { default: () => S.md },
+    drawerBreakpoint: { default: () => k.md },
+    fullDrawerBreakpoint: { default: () => k.lg },
+    collapsible: { type: Boolean, default: !0 },
     modelValue: { default: void 0 }
   },
-  emits: ["search", "tab-change", "drawer-toggle", "update:modelValue"],
-  setup(t, { emit: e }) {
-    const a = t, n = e, u = ot(), m = I(() => u.screen.width >= a.drawerBreakpoint), b = B(!1), h = B(!1), v = B(""), p = B(a.modelValue ?? (a.tabs[0]?.name || ""));
-    function g() {
-      b.value = !b.value;
+  emits: ["search", "tab-change", "drawer-toggle", "drawer-collapse", "update:modelValue"],
+  setup(a, { emit: e }) {
+    const t = a, n = e, d = ia(), m = y(() => d.screen.width >= t.drawerBreakpoint), b = y(
+      () => d.screen.width >= t.drawerBreakpoint && d.screen.width < t.fullDrawerBreakpoint
+    ), $ = w(!1), v = y(
+      () => m.value && (b.value || t.miniDrawer || $.value)
+    ), p = w(!1), h = w(!1), S = w(""), C = w(t.modelValue ?? (t.tabs[0]?.name || ""));
+    function z() {
+      p.value = !p.value;
     }
-    function k(_) {
-      n("drawer-toggle", _);
+    function N(I) {
+      n("drawer-toggle", I);
     }
-    function w(_) {
-      p.value = String(_), n("tab-change", _), n("update:modelValue", String(_));
+    function V(I) {
+      C.value = String(I), n("tab-change", I), n("update:modelValue", String(I));
     }
-    function L() {
-      n("search", v.value);
+    function ue() {
+      $.value = !$.value, n("drawer-collapse", $.value);
     }
-    return (_, N) => (o(), l(ee, {
+    function K() {
+      n("search", S.value);
+    }
+    return (I, Q) => (o(), l(ne, {
       class: "ns-app-shell",
       view: "hHh lpR fFf"
     }, {
       default: s(() => [
-        f(zt, {
+        f(Ra, {
           class: "ns-app-shell__header",
           elevated: ""
         }, {
           default: s(() => [
-            f(Z, null, {
+            f(ae, null, {
               default: s(() => [
-                m.value ? y("", !0) : (o(), l(A, {
+                m.value ? g("", !0) : (o(), l(O, {
                   key: 0,
                   flat: "",
                   round: "",
                   dense: "",
-                  "aria-label": b.value ? "Close menu" : "Open menu",
+                  "aria-label": p.value ? "Close menu" : "Open menu",
                   class: "ns-app-shell__menu-btn",
-                  onClick: g
+                  onClick: z
                 }, {
                   default: s(() => [
                     f(T, { name: "menu" })
                   ]),
                   _: 1
                 }, 8, ["aria-label"])),
-                r(_.$slots, "header-left", {}, void 0, !0),
-                f(va),
-                t.showSearch ? (o(), Q(V, { key: 1 }, [
-                  m.value ? (o(), Q("div", ba, [
-                    f(K, {
-                      modelValue: v.value,
-                      "onUpdate:modelValue": N[0] || (N[0] = ($) => v.value = $),
+                r(I.$slots, "header-left", {}, void 0, !0),
+                f(gt),
+                a.showSearch ? (o(), B(P, { key: 1 }, [
+                  m.value ? (o(), B("div", Nt, [
+                    f(Y, {
+                      modelValue: S.value,
+                      "onUpdate:modelValue": Q[0] || (Q[0] = (_) => S.value = _),
                       dense: "",
                       outlined: "",
                       placeholder: "Search…",
                       class: "ns-app-shell__search-input",
-                      onKeyup: U(L, ["enter"])
+                      onKeyup: G(K, ["enter"])
                     }, {
                       prepend: s(() => [
                         f(T, { name: "search" })
                       ]),
                       _: 1
                     }, 8, ["modelValue"])
-                  ])) : (o(), l(A, {
+                  ])) : (o(), l(O, {
                     key: 1,
                     flat: "",
                     round: "",
                     dense: "",
                     "aria-label": "Search",
                     class: "ns-app-shell__search-btn",
-                    onClick: N[1] || (N[1] = ($) => h.value = !h.value)
+                    onClick: Q[1] || (Q[1] = (_) => h.value = !h.value)
                   }, {
                     default: s(() => [
                       f(T, { name: "search" })
                     ]),
                     _: 1
                   }))
-                ], 64)) : y("", !0),
-                r(_.$slots, "header-actions", {}, void 0, !0)
+                ], 64)) : g("", !0),
+                r(I.$slots, "header-actions", {}, void 0, !0)
               ]),
               _: 3
             }),
-            t.showSearch && h.value && !m.value ? (o(), l(Z, {
+            a.showSearch && h.value && !m.value ? (o(), l(ae, {
               key: 0,
               class: "ns-app-shell__search-bar"
             }, {
               default: s(() => [
-                f(K, {
-                  modelValue: v.value,
-                  "onUpdate:modelValue": N[3] || (N[3] = ($) => v.value = $),
+                f(Y, {
+                  modelValue: S.value,
+                  "onUpdate:modelValue": Q[3] || (Q[3] = (_) => S.value = _),
                   dense: "",
                   outlined: "",
                   placeholder: "Search…",
                   class: "full-width",
-                  onKeyup: U(L, ["enter"])
+                  onKeyup: G(K, ["enter"])
                 }, {
                   prepend: s(() => [
                     f(T, { name: "search" })
                   ]),
                   append: s(() => [
-                    f(A, {
+                    f(O, {
                       flat: "",
                       round: "",
                       dense: "",
                       "aria-label": "Close search",
-                      onClick: N[2] || (N[2] = ($) => h.value = !1)
+                      onClick: Q[2] || (Q[2] = (_) => h.value = !1)
                     }, {
                       default: s(() => [
                         f(T, { name: "close" })
@@ -1112,104 +1121,145 @@ const ba = {
                 }, 8, ["modelValue"])
               ]),
               _: 1
-            })) : y("", !0)
+            })) : g("", !0)
           ]),
           _: 3
         }),
-        f(Nt, {
-          modelValue: b.value,
+        f(ka, {
+          modelValue: p.value,
           "onUpdate:modelValue": [
-            N[4] || (N[4] = ($) => b.value = $),
-            k
+            Q[4] || (Q[4] = (_) => p.value = _),
+            N
           ],
-          breakpoint: t.drawerBreakpoint,
-          mini: m.value && t.miniDrawer,
+          breakpoint: a.drawerBreakpoint,
+          mini: v.value,
           bordered: "",
           class: "ns-app-shell__drawer",
           behavior: m.value ? "desktop" : "mobile",
           side: "left"
         }, {
           default: s(() => [
-            r(_.$slots, "drawer-header", {}, void 0, !0),
-            t.drawerItems.length > 0 ? (o(), l(Bt, { key: 0 }, {
+            a.collapsible && m.value ? (o(), l(X, {
+              key: 0,
+              clickable: "",
+              class: "ns-app-shell__collapse-toggle",
+              onClick: ue
+            }, {
+              default: s(() => [
+                f(L, { avatar: "" }, {
+                  default: s(() => [
+                    f(T, {
+                      name: v.value ? "menu" : "chevron_left"
+                    }, null, 8, ["name"])
+                  ]),
+                  _: 1
+                }),
+                f(L, null, {
+                  default: s(() => [
+                    f(ee, null, {
+                      default: s(() => [...Q[5] || (Q[5] = [
+                        Z("Hide Menu", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })) : g("", !0),
+            r(I.$slots, "drawer-header", {}, void 0, !0),
+            a.drawerItems.length > 0 ? (o(), l(Pa, { key: 1 }, {
               default: s(() => [
-                (o(!0), Q(V, null, P(t.drawerItems, ($) => (o(), Q(V, {
-                  key: $.name
+                (o(!0), B(P, null, E(a.drawerItems, (_) => (o(), B(P, {
+                  key: _.name
                 }, [
-                  $.separator ? (o(), l(ea, { key: 0 })) : y("", !0),
-                  f(Rt, {
-                    to: $.to,
-                    active: $.active,
+                  _.separator ? (o(), l(ot, { key: 0 })) : g("", !0),
+                  f(X, {
+                    to: _.to,
+                    active: _.active,
                     clickable: "",
                     class: "ns-app-shell__nav-item"
                   }, {
                     default: s(() => [
-                      $.icon ? (o(), l(G, {
+                      _.icon ? (o(), l(L, {
                         key: 0,
                         avatar: ""
                       }, {
                         default: s(() => [
                           f(T, {
-                            name: $.icon
+                            name: _.icon
                           }, null, 8, ["name"])
                         ]),
                         _: 2
-                      }, 1024)) : y("", !0),
-                      f(G, null, {
+                      }, 1024)) : g("", !0),
+                      f(L, null, {
                         default: s(() => [
-                          f(Ht, null, {
+                          f(ee, null, {
                             default: s(() => [
-                              re(E($.label), 1)
+                              Z(A(_.label), 1)
                             ]),
                             _: 2
                           }, 1024)
                         ]),
                         _: 2
-                      }, 1024)
+                      }, 1024),
+                      _.children && _.children.length > 0 ? (o(), l(L, {
+                        key: 1,
+                        side: ""
+                      }, {
+                        default: s(() => [
+                          f(T, {
+                            name: "chevron_right",
+                            size: "sm"
+                          })
+                        ]),
+                        _: 1
+                      })) : g("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "active"])
                 ], 64))), 128))
               ]),
               _: 1
-            })) : y("", !0),
-            r(_.$slots, "drawer-footer", {}, void 0, !0)
+            })) : g("", !0),
+            r(I.$slots, "drawer-footer", {}, void 0, !0)
           ]),
           _: 3
         }, 8, ["modelValue", "breakpoint", "mini", "behavior"]),
-        f(ae, null, {
+        f(de, null, {
           default: s(() => [
-            f(te, {
-              class: de({ "ns-app-shell__page--has-bottom-bar": !m.value && t.tabs.length > 0 })
+            f(re, {
+              class: pe({ "ns-app-shell__page--has-bottom-bar": !m.value && a.tabs.length > 0 })
             }, {
               default: s(() => [
-                r(_.$slots, "default", {}, void 0, !0)
+                r(I.$slots, "default", {}, void 0, !0)
               ]),
               _: 3
             }, 8, ["class"])
           ]),
           _: 3
         }),
-        !m.value && t.tabs.length > 0 ? (o(), l(At, {
+        !m.value && a.tabs.length > 0 ? (o(), l(Ua, {
           key: 0,
           elevated: "",
           class: "ns-app-shell__bottom-bar"
         }, {
           default: s(() => [
-            r(_.$slots, "bottom-bar-above", {}, void 0, !0),
-            f(ca, {
-              "model-value": p.value,
+            r(I.$slots, "bottom-bar-above", {}, void 0, !0),
+            f(_t, {
+              "model-value": C.value,
               dense: "",
               "narrow-indicator": "",
               class: "ns-app-shell__bottom-tabs",
-              "onUpdate:modelValue": w
+              "onUpdate:modelValue": V
             }, {
               default: s(() => [
-                (o(!0), Q(V, null, P(t.tabs, ($) => (o(), l(la, {
-                  key: $.name,
-                  name: $.name,
-                  icon: $.icon,
-                  label: $.label,
+                (o(!0), B(P, null, E(a.tabs, (_) => (o(), l(ut, {
+                  key: _.name,
+                  name: _.name,
+                  icon: _.icon,
+                  label: _.label,
                   class: "ns-app-shell__bottom-tab"
                 }, null, 8, ["name", "icon", "label"]))), 128))
               ]),
@@ -1217,37 +1267,37 @@ const ba = {
             }, 8, ["model-value"])
           ]),
           _: 3
-        })) : y("", !0)
+        })) : g("", !0)
       ]),
       _: 3
     }));
   }
-}), oo = /* @__PURE__ */ i($a, [["__scopeId", "data-v-d88db6ec"]]), ha = {
+}), uo = /* @__PURE__ */ i(yt, [["__scopeId", "data-v-70cf2055"]]), It = {
   key: 0,
   class: "ns-auth-layout__branding"
-}, ga = /* @__PURE__ */ d({
+}, Qt = /* @__PURE__ */ u({
   __name: "NsAuthLayout",
   props: {
     maxWidth: { default: "440px" }
   },
-  setup(t) {
-    const e = t, a = I(() => ({
+  setup(a) {
+    const e = a, t = y(() => ({
       maxWidth: e.maxWidth
     }));
-    return (n, u) => (o(), l(ee, { class: "ns-auth-layout" }, {
+    return (n, d) => (o(), l(ne, { class: "ns-auth-layout" }, {
       default: s(() => [
-        f(ae, null, {
+        f(de, null, {
           default: s(() => [
-            f(te, { class: "ns-auth-layout__page" }, {
+            f(re, { class: "ns-auth-layout__page" }, {
               default: s(() => [
-                F("div", {
+                x("div", {
                   class: "ns-auth-layout__container",
-                  style: ue(a.value)
+                  style: _e(t.value)
                 }, [
-                  n.$slots.branding ? (o(), Q("div", ha, [
+                  n.$slots.branding ? (o(), B("div", It, [
                     r(n.$slots, "branding", {}, void 0, !0)
-                  ])) : y("", !0),
-                  f(ft, { class: "ns-auth-layout__card" }, {
+                  ])) : g("", !0),
+                  f($a, { class: "ns-auth-layout__card" }, {
                     default: s(() => [
                       r(n.$slots, "default", {}, void 0, !0)
                     ]),
@@ -1264,50 +1314,50 @@ const ba = {
       _: 3
     }));
   }
-}), lo = /* @__PURE__ */ i(ga, [["__scopeId", "data-v-d70a792e"]]), no = /* @__PURE__ */ d({
+}), io = /* @__PURE__ */ i(Qt, [["__scopeId", "data-v-d70a792e"]]), co = /* @__PURE__ */ u({
   __name: "NsDashboardGrid",
   props: {
-    columns: { default: () => ({ xs: 1, sm: 2, md: 3, lg: 4 }) },
+    columns: { default: () => ({ xs: 1, sm: 2, md: 4, lg: 4 }) },
     gap: { default: "md" }
   },
-  setup(t) {
-    const e = t, a = ie(), n = I(() => `q-gutter-${e.gap}`);
-    function u(v, p) {
-      const g = Math.floor(12 / p);
-      return v === "xs" ? `col-${g}` : `col-${v}-${g}`;
+  setup(a) {
+    const e = a, t = ve(), n = y(() => `q-gutter-${e.gap}`);
+    function d(v, p) {
+      const h = Math.floor(12 / p);
+      return v === "xs" ? `col-${h}` : `col-${v}-${h}`;
     }
-    const m = I(() => {
+    const m = y(() => {
       const v = [], p = e.columns;
-      return p.xs && v.push(u("xs", p.xs)), p.sm && v.push(u("sm", p.sm)), p.md && v.push(u("md", p.md)), p.lg && v.push(u("lg", p.lg)), p.xl && v.push(u("xl", p.xl)), v;
+      return p.xs && v.push(d("xs", p.xs)), p.sm && v.push(d("sm", p.sm)), p.md && v.push(d("md", p.md)), p.lg && v.push(d("lg", p.lg)), p.xl && v.push(d("xl", p.xl)), v;
     });
     function b(v) {
       const p = [];
-      for (const g of v)
-        g.type === V && Array.isArray(g.children) ? p.push(...b(g.children)) : typeof g.type != "symbol" && p.push(g);
+      for (const h of v)
+        h.type === P && Array.isArray(h.children) ? p.push(...b(h.children)) : typeof h.type != "symbol" && p.push(h);
       return p;
     }
-    const h = () => {
-      const v = a.default?.(), g = (v ? b(v) : []).map(
-        (k, w) => H("div", { key: w, class: m.value }, [k])
+    const $ = () => {
+      const v = t.default?.(), h = (v ? b(v) : []).map(
+        (S, C) => W("div", { key: C, class: m.value }, [S])
       );
-      return H(
+      return W(
         "div",
         { class: ["ns-dashboard-grid", "row", "items-stretch", n.value] },
-        g
+        h
       );
     };
-    return (v, p) => (o(), l(h));
+    return (v, p) => (o(), l($));
   }
 });
-function ro(t = {}) {
-  const { locale: e = x } = t;
+function mo(a = {}) {
+  const { locale: e = H } = a;
   return {
-    install(a) {
-      a.provide(R, e);
+    install(t) {
+      t.provide(j, e);
     }
   };
 }
-const Na = {
+const St = {
   primary: "#3b82f6",
   // PLACEHOLDER — matches --ns-color-primary
   secondary: "#8b5cf6",
@@ -1327,20 +1377,20 @@ const Na = {
   warning: "#f59e0b"
   // PLACEHOLDER — matches --ns-color-warning
 };
-function uo(t = {}) {
-  const { brand: e = {}, plugins: a = {}, ...n } = t;
+function fo(a = {}) {
+  const { brand: e = {}, plugins: t = {}, ...n } = a;
   return {
     config: {
       brand: {
-        ...Na,
+        ...St,
         ...e
       }
     },
-    plugins: a,
+    plugins: t,
     ...n
   };
 }
-const io = {
+const po = {
   common: {
     loading: "Chargement…",
     retry: "Réessayer",
@@ -1377,27 +1427,27 @@ const io = {
     tooLong: "Trop long"
   }
 };
-function co(t, e) {
-  const a = dt();
-  return I(() => {
-    const n = t();
+function _o(a, e) {
+  const t = pa();
+  return y(() => {
+    const n = a();
     if (n != null) return n;
-    const u = e.split(".");
-    let m = a;
-    for (const b of u)
+    const d = e.split(".");
+    let m = t;
+    for (const b of d)
       m = m[b];
     return m;
   });
 }
-const M = "ns-dark-mode";
-function mo() {
-  const t = B(!1), e = B("system");
-  let a = null, n = () => {
+const F = "ns-dark-mode";
+function vo() {
+  const a = w(!1), e = w("system");
+  let t = null, n = () => {
   };
-  function u(_) {
-    if (t.value = _, typeof document < "u") {
-      const N = document.documentElement;
-      N.classList.toggle("dark", _), N.setAttribute("data-theme", _ ? "dark" : "light");
+  function d(N) {
+    if (a.value = N, typeof document < "u") {
+      const V = document.documentElement;
+      V.classList.toggle("dark", N), V.setAttribute("data-theme", N ? "dark" : "light");
     }
   }
   function m() {
@@ -1405,48 +1455,48 @@ function mo() {
   }
   function b() {
     if (typeof localStorage > "u") return null;
-    const _ = localStorage.getItem(M);
-    return _ === "true" ? !0 : _ === "false" ? !1 : null;
+    const N = localStorage.getItem(F);
+    return N === "true" ? !0 : N === "false" ? !1 : null;
   }
-  function h(_) {
-    typeof localStorage < "u" && localStorage.setItem(M, String(_));
+  function $(N) {
+    typeof localStorage < "u" && localStorage.setItem(F, String(N));
   }
   function v() {
-    typeof localStorage < "u" && localStorage.removeItem(M);
+    typeof localStorage < "u" && localStorage.removeItem(F);
   }
   function p() {
-    e.value = "user", h(!0), u(!0);
+    e.value = "user", $(!0), d(!0);
   }
-  function g() {
-    e.value = "user", h(!1), u(!1);
+  function h() {
+    e.value = "user", $(!1), d(!1);
   }
-  function k() {
-    t.value ? g() : p();
+  function S() {
+    a.value ? h() : p();
   }
-  function w() {
-    v(), e.value = "system", u(m());
+  function C() {
+    v(), e.value = "system", d(m());
   }
-  function L() {
-    const _ = b();
-    _ !== null ? (e.value = "storage", u(_)) : (e.value = "system", u(m())), typeof window < "u" && (a = window.matchMedia("(prefers-color-scheme: dark)"), n = (N) => {
-      b() === null && (e.value = "system", u(N.matches));
-    }, a.addEventListener("change", n));
+  function z() {
+    const N = b();
+    N !== null ? (e.value = "storage", d(N)) : (e.value = "system", d(m())), typeof window < "u" && (t = window.matchMedia("(prefers-color-scheme: dark)"), n = (V) => {
+      b() === null && (e.value = "system", d(V.matches));
+    }, t.addEventListener("change", n));
   }
-  return ce(L), me(() => {
-    a?.removeEventListener("change", n);
+  return be(z), he(() => {
+    t?.removeEventListener("change", n);
   }), {
-    isDark: j(t),
-    source: j(e),
+    isDark: J(a),
+    source: J(e),
     enable: p,
-    disable: g,
-    toggle: k,
-    useSystem: w
+    disable: h,
+    toggle: S,
+    useSystem: C
   };
 }
-function fo(t, e = document.documentElement) {
-  return getComputedStyle(e).getPropertyValue(t).trim();
+function bo(a, e = document.documentElement) {
+  return getComputedStyle(e).getPropertyValue(a).trim();
 }
-const ya = {
+const Tt = {
   // Existing (fully styled) components
   QAvatar: "NsAvatar",
   QBanner: "NsBanner",
@@ -1499,90 +1549,90 @@ const ya = {
   QTimelineEntry: "NsTimelineEntry",
   QToolbar: "NsToolbar",
   QToolbarTitle: "NsToolbarTitle"
-}, Ia = Object.fromEntries(
-  Object.entries(ya).map(([t, e]) => [
-    t.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, ""),
+}, kt = Object.fromEntries(
+  Object.entries(Tt).map(([a, e]) => [
+    a.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, ""),
     e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "")
   ])
 );
-function po() {
-  return Object.entries(Ia).map(([t, e]) => ({
-    element: t,
-    message: `Use <${e}> from @nonsuch/components instead of <${t}>.`
+function ho() {
+  return Object.entries(kt).map(([a, e]) => ({
+    element: a,
+    message: `Use <${e}> from @nonsuch/components instead of <${a}>.`
   }));
 }
 export {
-  oo as NsAppShell,
-  lo as NsAuthLayout,
-  Cs as NsAvatar,
-  Es as NsBadge,
-  Vs as NsBanner,
-  As as NsBreadcrumbElement,
-  Ds as NsBreadcrumbs,
-  A as NsButton,
-  Ms as NsButtonToggle,
-  ft as NsCard,
-  zs as NsCardActions,
-  Os as NsCardSection,
-  Ss as NsCheckbox,
-  Ls as NsChip,
-  no as NsDashboardGrid,
-  ks as NsDialog,
-  Nt as NsDrawer,
-  ws as NsExpansionItem,
-  At as NsFooter,
-  Bs as NsForm,
-  zt as NsHeader,
+  uo as NsAppShell,
+  io as NsAuthLayout,
+  Es as NsAvatar,
+  zs as NsBadge,
+  Ds as NsBanner,
+  Fs as NsBreadcrumbElement,
+  Os as NsBreadcrumbs,
+  O as NsButton,
+  qs as NsButtonToggle,
+  $a as NsCard,
+  Us as NsCardActions,
+  xs as NsCardSection,
+  ws as NsCheckbox,
+  As as NsChip,
+  co as NsDashboardGrid,
+  Ls as NsDialog,
+  ka as NsDrawer,
+  Ps as NsExpansionItem,
+  Ua as NsFooter,
+  Vs as NsForm,
+  Ra as NsHeader,
   T as NsIcon,
-  Fs as NsImage,
-  qs as NsInnerLoading,
-  K as NsInput,
-  Rt as NsItem,
-  Ht as NsItemLabel,
-  G as NsItemSection,
-  ee as NsLayout,
-  xs as NsLinearProgress,
-  Bt as NsList,
-  R as NsLocaleKey,
-  Rs as NsMenu,
-  te as NsPage,
-  ae as NsPageContainer,
-  Us as NsPagination,
-  Qs as NsSelect,
-  ea as NsSeparator,
-  ys as NsSkeleton,
-  Hs as NsSpace,
-  js as NsSpinner,
-  Ks as NsSpinnerDots,
-  la as NsTab,
-  Ws as NsTabPanel,
-  Js as NsTabPanels,
-  Gs as NsTable,
-  Zs as NsTableCell,
-  ca as NsTabs,
-  Is as NsThemeProvider,
-  Ys as NsTimeline,
-  Xs as NsTimelineEntry,
-  Ts as NsToggle,
-  Z as NsToolbar,
-  va as NsToolbarTitle,
-  Ps as NsTooltip,
-  ro as createNonsuch,
-  uo as createQuasarConfig,
-  po as generateQuasarBanRules,
-  fo as getToken,
-  D as nsBreakpointNames,
-  S as nsBreakpoints,
-  ya as nsComponentManifest,
-  x as nsLocaleEnCA,
-  io as nsLocaleFrCA,
-  so as nsMediaBetween,
-  to as nsMediaDown,
-  ao as nsMediaOnly,
-  eo as nsMediaUp,
-  Ia as nsTemplateTagManifest,
-  rt as provideNsLocale,
-  mo as useNsDarkMode,
-  co as useNsDefault,
-  dt as useNsLocale
+  Rs as NsImage,
+  Hs as NsInnerLoading,
+  Y as NsInput,
+  X as NsItem,
+  ee as NsItemLabel,
+  L as NsItemSection,
+  ne as NsLayout,
+  js as NsLinearProgress,
+  Pa as NsList,
+  j as NsLocaleKey,
+  Ks as NsMenu,
+  re as NsPage,
+  de as NsPageContainer,
+  Gs as NsPagination,
+  Bs as NsSelect,
+  ot as NsSeparator,
+  Ts as NsSkeleton,
+  Zs as NsSpace,
+  Ws as NsSpinner,
+  Js as NsSpinnerDots,
+  ut as NsTab,
+  eo as NsTabPanel,
+  ao as NsTabPanels,
+  Ys as NsTable,
+  Xs as NsTableCell,
+  _t as NsTabs,
+  ks as NsThemeProvider,
+  to as NsTimeline,
+  so as NsTimelineEntry,
+  Cs as NsToggle,
+  ae as NsToolbar,
+  gt as NsToolbarTitle,
+  Ms as NsTooltip,
+  mo as createNonsuch,
+  fo as createQuasarConfig,
+  ho as generateQuasarBanRules,
+  bo as getToken,
+  M as nsBreakpointNames,
+  k as nsBreakpoints,
+  Tt as nsComponentManifest,
+  H as nsLocaleEnCA,
+  po as nsLocaleFrCA,
+  ro as nsMediaBetween,
+  lo as nsMediaDown,
+  no as nsMediaOnly,
+  oo as nsMediaUp,
+  kt as nsTemplateTagManifest,
+  fa as provideNsLocale,
+  vo as useNsDarkMode,
+  _o as useNsDefault,
+  pa as useNsLocale
 };