@nonsuch/component-library 0.7.0 → 0.7.2

package/dist/nonsuch-components.js

@@ -1,53 +1,55 @@
-import O from "quasar/src/components/btn/QBtn.js";
-import { defineComponent as n, openBlock as s, createBlock as r, mergeProps as d, withCtx as o, renderSlot as l, createVNode as N, unref as U, provide as H, inject as j, createSlots as I, renderList as P, normalizeProps as w, guardReactiveProps as E, useId as h, createElementVNode as A, toDisplayString as Q, createElementBlock as Z, createCommentVNode as b, computed as v, ref as k, onMounted as K, onUnmounted as G, readonly as L } from "vue";
-import D from "quasar/src/components/spinner/QSpinnerDots.js";
-import J from "quasar/src/components/skeleton/QSkeleton.js";
-import Y from "quasar/src/components/input/QInput.js";
-import $ from "quasar/src/components/card/QCardSection.js";
-import T from "quasar/src/components/card/QCardActions.js";
-import z from "quasar/src/components/card/QCard.js";
-import W from "quasar/src/components/select/QSelect.js";
-import X from "quasar/src/components/checkbox/QCheckbox.js";
-import x from "quasar/src/components/toggle/QToggle.js";
-import ee from "quasar/src/components/form/QForm.js";
-import te from "quasar/src/components/dialog/QDialog.js";
-import ae from "quasar/src/components/banner/QBanner.js";
-import se from "quasar/src/components/avatar/QAvatar.js";
-import oe from "quasar/src/components/chip/QChip.js";
-import re from "quasar/src/components/item/QList.js";
-import le from "quasar/src/components/tooltip/QTooltip.js";
-import ne from "quasar/src/components/badge/QBadge.js";
-import de from "quasar/src/components/breadcrumbs/QBreadcrumbs.js";
-import ue from "quasar/src/components/breadcrumbs/QBreadcrumbsEl.js";
-import ie from "quasar/src/components/btn-toggle/QBtnToggle.js";
-import ce from "quasar/src/components/footer/QFooter.js";
-import me from "quasar/src/components/header/QHeader.js";
-import fe from "quasar/src/components/icon/QIcon.js";
-import pe from "quasar/src/components/img/QImg.js";
-import _e from "quasar/src/components/inner-loading/QInnerLoading.js";
-import ve from "quasar/src/components/item/QItem.js";
-import be from "quasar/src/components/item/QItemLabel.js";
-import $e from "quasar/src/components/item/QItemSection.js";
-import ge from "quasar/src/components/layout/QLayout.js";
-import Ne from "quasar/src/components/linear-progress/QLinearProgress.js";
-import ye from "quasar/src/components/menu/QMenu.js";
-import he from "quasar/src/components/page/QPage.js";
-import Qe from "quasar/src/components/page/QPageContainer.js";
-import Ie from "quasar/src/components/pagination/QPagination.js";
-import Te from "quasar/src/components/separator/QSeparator.js";
-import Be from "quasar/src/components/space/QSpace.js";
-import Se from "quasar/src/components/spinner/QSpinner.js";
-import Ce from "quasar/src/components/tabs/QTab.js";
-import Ve from "quasar/src/components/table/QTable.js";
-import ke from "quasar/src/components/table/QTd.js";
-import Le from "quasar/src/components/tab-panels/QTabPanel.js";
-import Pe from "quasar/src/components/tab-panels/QTabPanels.js";
-import we from "quasar/src/components/tabs/QTabs.js";
-import Ee from "quasar/src/components/timeline/QTimeline.js";
-import Ae from "quasar/src/components/timeline/QTimelineEntry.js";
-import De from "quasar/src/components/toolbar/QToolbar.js";
-import ze from "quasar/src/components/toolbar/QToolbarTitle.js";
-const Me = /* @__PURE__ */ n({
+import x from "quasar/src/components/btn/QBtn.js";
+import { defineComponent as d, openBlock as s, createBlock as n, mergeProps as u, withCtx as o, renderSlot as l, createVNode as h, unref as H, provide as j, inject as Z, createSlots as B, renderList as E, normalizeProps as D, guardReactiveProps as A, useId as Q, createElementVNode as M, toDisplayString as T, createElementBlock as K, createCommentVNode as $, computed as v, ref as w, onMounted as G, onUnmounted as J, readonly as P } from "vue";
+import z from "quasar/src/components/spinner/QSpinnerDots.js";
+import Y from "quasar/src/components/skeleton/QSkeleton.js";
+import W from "quasar/src/components/input/QInput.js";
+import N from "quasar/src/components/card/QCardSection.js";
+import S from "quasar/src/components/card/QCardActions.js";
+import O from "quasar/src/components/card/QCard.js";
+import X from "quasar/src/components/select/QSelect.js";
+import ee from "quasar/src/components/checkbox/QCheckbox.js";
+import te from "quasar/src/components/toggle/QToggle.js";
+import ae from "quasar/src/components/form/QForm.js";
+import se from "quasar/src/components/dialog/QDialog.js";
+import oe from "quasar/src/components/drawer/QDrawer.js";
+import ne from "quasar/src/components/expansion-item/QExpansionItem.js";
+import re from "quasar/src/components/banner/QBanner.js";
+import le from "quasar/src/components/avatar/QAvatar.js";
+import de from "quasar/src/components/chip/QChip.js";
+import ue from "quasar/src/components/item/QList.js";
+import ie from "quasar/src/components/tooltip/QTooltip.js";
+import ce from "quasar/src/components/badge/QBadge.js";
+import me from "quasar/src/components/breadcrumbs/QBreadcrumbs.js";
+import fe from "quasar/src/components/breadcrumbs/QBreadcrumbsEl.js";
+import pe from "quasar/src/components/btn-toggle/QBtnToggle.js";
+import _e from "quasar/src/components/footer/QFooter.js";
+import ve from "quasar/src/components/header/QHeader.js";
+import be from "quasar/src/components/icon/QIcon.js";
+import $e from "quasar/src/components/img/QImg.js";
+import Ne from "quasar/src/components/inner-loading/QInnerLoading.js";
+import ge from "quasar/src/components/item/QItem.js";
+import he from "quasar/src/components/item/QItemLabel.js";
+import ye from "quasar/src/components/item/QItemSection.js";
+import Ie from "quasar/src/components/layout/QLayout.js";
+import Qe from "quasar/src/components/linear-progress/QLinearProgress.js";
+import Te from "quasar/src/components/menu/QMenu.js";
+import Be from "quasar/src/components/page/QPage.js";
+import Se from "quasar/src/components/page/QPageContainer.js";
+import Ce from "quasar/src/components/pagination/QPagination.js";
+import ke from "quasar/src/components/separator/QSeparator.js";
+import Ve from "quasar/src/components/space/QSpace.js";
+import Le from "quasar/src/components/spinner/QSpinner.js";
+import we from "quasar/src/components/tabs/QTab.js";
+import Pe from "quasar/src/components/table/QTable.js";
+import Ee from "quasar/src/components/table/QTd.js";
+import De from "quasar/src/components/tab-panels/QTabPanel.js";
+import Ae from "quasar/src/components/tab-panels/QTabPanels.js";
+import Me from "quasar/src/components/tabs/QTabs.js";
+import ze from "quasar/src/components/timeline/QTimeline.js";
+import Oe from "quasar/src/components/timeline/QTimelineEntry.js";
+import Fe from "quasar/src/components/toolbar/QToolbar.js";
+import qe from "quasar/src/components/toolbar/QToolbarTitle.js";
+const Re = /* @__PURE__ */ d({
   __name: "NsButton",
   props: {
     color: { default: "primary" },
@@ -58,7 +60,7 @@ const Me = /* @__PURE__ */ n({
     loading: { type: Boolean, default: !1 }
   },
   setup(t) {
-    return (e, a) => (s(), r(O, d(e.$attrs, {
+    return (e, a) => (s(), n(x, u(e.$attrs, {
       color: t.color,
       size: t.size,
       unelevated: t.unelevated,
@@ -70,7 +72,7 @@ const Me = /* @__PURE__ */ n({
     }), {
       loading: o(() => [
         l(e.$slots, "loading", {}, () => [
-          N(U(D), { color: "white" })
+          h(H(z), { color: "white" })
         ], !0)
       ]),
       default: o(() => [
@@ -79,12 +81,12 @@ const Me = /* @__PURE__ */ n({
       _: 3
     }, 16, ["color", "size", "unelevated", "no-caps", "rounded", "loading", "aria-busy"]));
   }
-}), u = (t, e) => {
+}), i = (t, e) => {
   const a = t.__vccOpts || t;
-  for (const [i, c] of e)
-    a[i] = c;
+  for (const [r, c] of e)
+    a[r] = c;
   return a;
-}, Aa = /* @__PURE__ */ u(Me, [["__scopeId", "data-v-59b40e5f"]]), Fe = /* @__PURE__ */ n({
+}, Ua = /* @__PURE__ */ i(Re, [["__scopeId", "data-v-59b40e5f"]]), Ue = /* @__PURE__ */ d({
   __name: "NsSkeleton",
   props: {
     type: { default: "rect" },
@@ -95,7 +97,7 @@ const Me = /* @__PURE__ */ n({
     height: { default: void 0 }
   },
   setup(t) {
-    return (e, a) => (s(), r(J, d(e.$attrs, {
+    return (e, a) => (s(), n(Y, u(e.$attrs, {
       type: t.type,
       animation: t.animation,
       square: t.square,
@@ -106,7 +108,7 @@ const Me = /* @__PURE__ */ n({
       class: "ns-skeleton"
     }), null, 16, ["type", "animation", "square", "bordered", "width", "height"]));
   }
-}), Da = /* @__PURE__ */ u(Fe, [["__scopeId", "data-v-dfd40b8a"]]), B = {
+}), xa = /* @__PURE__ */ i(Ue, [["__scopeId", "data-v-dfd40b8a"]]), C = {
   common: {
     loading: "Loading…",
     retry: "Retry",
@@ -142,22 +144,22 @@ const Me = /* @__PURE__ */ n({
     tooShort: "Too short",
     tooLong: "Too long"
   }
-}, S = /* @__PURE__ */ Symbol("ns-locale");
-function qe(t) {
-  H(S, t);
+}, k = /* @__PURE__ */ Symbol("ns-locale");
+function xe(t) {
+  j(k, t);
 }
-function Re() {
-  return j(S, B);
+function He() {
+  return Z(k, C);
 }
-const za = /* @__PURE__ */ n({
+const Ha = /* @__PURE__ */ d({
   __name: "NsThemeProvider",
   props: {
-    locale: { default: () => B }
+    locale: { default: () => C }
   },
   setup(t) {
-    return qe(t.locale), (a, i) => l(a.$slots, "default");
+    return xe(t.locale), (a, r) => l(a.$slots, "default");
   }
-}), Oe = /* @__PURE__ */ n({
+}), je = /* @__PURE__ */ d({
   __name: "NsInput",
   props: {
     label: { default: void 0 },
@@ -168,27 +170,27 @@ const za = /* @__PURE__ */ n({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    return (e, a) => (s(), r(Y, d(e.$attrs, {
+    return (e, a) => (s(), n(W, u(e.$attrs, {
       "model-value": t.modelValue,
       label: t.label,
       outlined: t.outlined,
       dense: t.dense,
       rules: t.rules,
       class: "ns-input",
-      "onUpdate:modelValue": a[0] || (a[0] = (i) => e.$emit("update:modelValue", i))
-    }), I({ _: 2 }, [
-      P(e.$slots, (i, c) => ({
+      "onUpdate:modelValue": a[0] || (a[0] = (r) => e.$emit("update:modelValue", r))
+    }), B({ _: 2 }, [
+      E(e.$slots, (r, c) => ({
         name: c,
         fn: o((m) => [
-          l(e.$slots, c, w(E(m ?? {})), void 0, !0)
+          l(e.$slots, c, D(A(m ?? {})), void 0, !0)
         ])
       }))
     ]), 1040, ["model-value", "label", "outlined", "dense", "rules"]));
   }
-}), Ma = /* @__PURE__ */ u(Oe, [["__scopeId", "data-v-7ebf3284"]]), Ue = { class: "text-h6" }, He = {
+}), ja = /* @__PURE__ */ i(je, [["__scopeId", "data-v-7ebf3284"]]), Ze = { class: "text-h6" }, Ke = {
   key: 0,
   class: "text-subtitle2 text-grey"
-}, je = /* @__PURE__ */ n({
+}, Ge = /* @__PURE__ */ d({
   __name: "NsCard",
   props: {
     title: { default: void 0 },
@@ -196,33 +198,33 @@ const za = /* @__PURE__ */ n({
     flat: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = `ns-card-header-${h()}`;
-    return (a, i) => (s(), r(z, d(a.$attrs, {
+    const e = `ns-card-header-${Q()}`;
+    return (a, r) => (s(), n(O, u(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
     }), {
       default: o(() => [
-        t.title || a.$slots.header ? (s(), r($, {
+        t.title || a.$slots.header ? (s(), n(N, {
           key: 0,
           id: e,
           class: "ns-card__header"
         }, {
           default: o(() => [
             l(a.$slots, "header", {}, () => [
-              A("div", Ue, Q(t.title), 1),
-              t.subtitle ? (s(), Z("div", He, Q(t.subtitle), 1)) : b("", !0)
+              M("div", Ze, T(t.title), 1),
+              t.subtitle ? (s(), K("div", Ke, T(t.subtitle), 1)) : $("", !0)
             ], !0)
           ]),
           _: 3
-        })) : b("", !0),
-        N($, null, {
+        })) : $("", !0),
+        h(N, null, {
           default: o(() => [
             l(a.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
         }),
-        a.$slots.actions ? (s(), r(T, {
+        a.$slots.actions ? (s(), n(S, {
           key: 1,
           align: "right"
         }, {
@@ -230,12 +232,12 @@ const za = /* @__PURE__ */ n({
             l(a.$slots, "actions", {}, void 0, !0)
           ]),
           _: 3
-        })) : b("", !0)
+        })) : $("", !0)
       ]),
       _: 3
     }, 16, ["class", "role", "aria-labelledby"]));
   }
-}), Fa = /* @__PURE__ */ u(je, [["__scopeId", "data-v-7769879a"]]), Ze = /* @__PURE__ */ n({
+}), Za = /* @__PURE__ */ i(Ge, [["__scopeId", "data-v-7769879a"]]), Je = /* @__PURE__ */ d({
   __name: "NsSelect",
   props: {
     label: { default: void 0 },
@@ -250,7 +252,7 @@ const za = /* @__PURE__ */ n({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    return (e, a) => (s(), r(W, d(e.$attrs, {
+    return (e, a) => (s(), n(X, u(e.$attrs, {
       "model-value": t.modelValue,
       label: t.label,
       options: t.options,
@@ -261,17 +263,17 @@ const za = /* @__PURE__ */ n({
       "emit-value": t.emitValue,
       "map-options": t.mapOptions,
       class: "ns-select",
-      "onUpdate:modelValue": a[0] || (a[0] = (i) => e.$emit("update:modelValue", i))
-    }), I({ _: 2 }, [
-      P(e.$slots, (i, c) => ({
+      "onUpdate:modelValue": a[0] || (a[0] = (r) => e.$emit("update:modelValue", r))
+    }), B({ _: 2 }, [
+      E(e.$slots, (r, c) => ({
         name: c,
         fn: o((m) => [
-          l(e.$slots, c, w(E(m ?? {})), void 0, !0)
+          l(e.$slots, c, D(A(m ?? {})), void 0, !0)
         ])
       }))
     ]), 1040, ["model-value", "label", "options", "outlined", "dense", "rules", "multiple", "emit-value", "map-options"]));
   }
-}), qa = /* @__PURE__ */ u(Ze, [["__scopeId", "data-v-081cebe3"]]), Ke = /* @__PURE__ */ n({
+}), Ka = /* @__PURE__ */ i(Je, [["__scopeId", "data-v-081cebe3"]]), Ye = /* @__PURE__ */ d({
   __name: "NsCheckbox",
   props: {
     label: { default: void 0 },
@@ -282,17 +284,17 @@ const za = /* @__PURE__ */ n({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    return (e, a) => (s(), r(X, d(e.$attrs, {
+    return (e, a) => (s(), n(ee, u(e.$attrs, {
       "model-value": t.modelValue,
       label: t.label,
       color: t.color,
       dense: t.dense,
       disable: t.disable,
       class: "ns-checkbox",
-      "onUpdate:modelValue": a[0] || (a[0] = (i) => e.$emit("update:modelValue", i))
+      "onUpdate:modelValue": a[0] || (a[0] = (r) => e.$emit("update:modelValue", r))
     }), null, 16, ["model-value", "label", "color", "dense", "disable"]));
   }
-}), Ra = /* @__PURE__ */ u(Ke, [["__scopeId", "data-v-2e481f8b"]]), Ge = /* @__PURE__ */ n({
+}), Ga = /* @__PURE__ */ i(Ye, [["__scopeId", "data-v-2e481f8b"]]), We = /* @__PURE__ */ d({
   __name: "NsToggle",
   props: {
     label: { default: void 0 },
@@ -303,7 +305,7 @@ const za = /* @__PURE__ */ n({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    return (e, a) => (s(), r(x, d(e.$attrs, {
+    return (e, a) => (s(), n(te, u(e.$attrs, {
       "model-value": t.modelValue,
       label: t.label,
       color: t.color,
@@ -312,10 +314,10 @@ const za = /* @__PURE__ */ n({
       role: "switch",
       "aria-checked": t.modelValue,
       class: "ns-toggle",
-      "onUpdate:modelValue": a[0] || (a[0] = (i) => e.$emit("update:modelValue", i))
+      "onUpdate:modelValue": a[0] || (a[0] = (r) => e.$emit("update:modelValue", r))
     }), null, 16, ["model-value", "label", "color", "dense", "disable", "aria-checked"]));
   }
-}), Oa = /* @__PURE__ */ u(Ge, [["__scopeId", "data-v-f8c90530"]]), Je = /* @__PURE__ */ n({
+}), Ja = /* @__PURE__ */ i(We, [["__scopeId", "data-v-f8c90530"]]), Xe = /* @__PURE__ */ d({
   __name: "NsForm",
   props: {
     greedy: { type: Boolean, default: !0 },
@@ -323,12 +325,12 @@ const za = /* @__PURE__ */ n({
   },
   emits: ["submit", "validationError"],
   setup(t) {
-    return (e, a) => (s(), r(ee, d(e.$attrs, {
+    return (e, a) => (s(), n(ae, u(e.$attrs, {
       class: "ns-form",
       greedy: t.greedy,
       "aria-label": t.ariaLabel,
-      onSubmit: a[0] || (a[0] = (i) => e.$emit("submit", i)),
-      onValidationError: a[1] || (a[1] = (i) => e.$emit("validationError", i))
+      onSubmit: a[0] || (a[0] = (r) => e.$emit("submit", r)),
+      onValidationError: a[1] || (a[1] = (r) => e.$emit("validationError", r))
     }), {
       default: o(() => [
         l(e.$slots, "default", {}, void 0, !0)
@@ -336,7 +338,7 @@ const za = /* @__PURE__ */ n({
       _: 3
     }, 16, ["greedy", "aria-label"]));
   }
-}), Ua = /* @__PURE__ */ u(Je, [["__scopeId", "data-v-e20d14ce"]]), Ye = { class: "text-h6" }, We = /* @__PURE__ */ n({
+}), Ya = /* @__PURE__ */ i(Xe, [["__scopeId", "data-v-e20d14ce"]]), et = { class: "text-h6" }, tt = /* @__PURE__ */ d({
   __name: "NsDialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -346,54 +348,54 @@ const za = /* @__PURE__ */ n({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const e = `ns-dialog-title-${h()}`, a = `ns-dialog-body-${h()}`;
-    return (i, c) => (s(), r(te, d(i.$attrs, {
+    const e = `ns-dialog-title-${Q()}`, a = `ns-dialog-body-${Q()}`;
+    return (r, c) => (s(), n(se, u(r.$attrs, {
       "model-value": t.modelValue,
       persistent: t.persistent,
       "no-backdrop-dismiss": t.noBackdropDismiss,
-      "aria-labelledby": t.title || i.$slots.header ? e : void 0,
+      "aria-labelledby": t.title || r.$slots.header ? e : void 0,
       "aria-describedby": a,
       class: "ns-dialog",
-      "onUpdate:modelValue": c[0] || (c[0] = (m) => i.$emit("update:modelValue", m))
+      "onUpdate:modelValue": c[0] || (c[0] = (m) => r.$emit("update:modelValue", m))
     }), {
       default: o(() => [
-        N(z, {
+        h(O, {
           class: "ns-dialog__card",
           role: "dialog",
           "aria-modal": !0
         }, {
           default: o(() => [
-            t.title || i.$slots.header ? (s(), r($, {
+            t.title || r.$slots.header ? (s(), n(N, {
               key: 0,
               id: e,
               class: "ns-dialog__header"
             }, {
               default: o(() => [
-                l(i.$slots, "header", {}, () => [
-                  A("div", Ye, Q(t.title), 1)
+                l(r.$slots, "header", {}, () => [
+                  M("div", et, T(t.title), 1)
                 ], !0)
               ]),
               _: 3
-            })) : b("", !0),
-            N($, {
+            })) : $("", !0),
+            h(N, {
               id: a,
               class: "ns-dialog__body"
             }, {
               default: o(() => [
-                l(i.$slots, "default", {}, void 0, !0)
+                l(r.$slots, "default", {}, void 0, !0)
               ]),
               _: 3
             }),
-            i.$slots.actions ? (s(), r(T, {
+            r.$slots.actions ? (s(), n(S, {
               key: 1,
               align: "right",
               class: "ns-dialog__actions"
             }, {
               default: o(() => [
-                l(i.$slots, "actions", {}, void 0, !0)
+                l(r.$slots, "actions", {}, void 0, !0)
               ]),
               _: 3
-            })) : b("", !0)
+            })) : $("", !0)
           ]),
           _: 3
         })
@@ -401,7 +403,27 @@ const za = /* @__PURE__ */ n({
       _: 3
     }, 16, ["model-value", "persistent", "no-backdrop-dismiss", "aria-labelledby"]));
   }
-}), Ha = /* @__PURE__ */ u(We, [["__scopeId", "data-v-4fca48ca"]]), Xe = /* @__PURE__ */ n({
+}), Wa = /* @__PURE__ */ i(tt, [["__scopeId", "data-v-4fca48ca"]]), at = /* @__PURE__ */ d({
+  __name: "NsDrawer",
+  setup(t) {
+    return (e, a) => (s(), n(oe, u(e.$attrs, { class: "ns-drawer" }), {
+      default: o(() => [
+        l(e.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Xa = /* @__PURE__ */ i(at, [["__scopeId", "data-v-66ca96b0"]]), st = /* @__PURE__ */ d({
+  __name: "NsExpansionItem",
+  setup(t) {
+    return (e, a) => (s(), n(ne, u(e.$attrs, { class: "ns-expansion-item" }), {
+      default: o(() => [
+        l(e.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 16));
+  }
+}), es = /* @__PURE__ */ i(st, [["__scopeId", "data-v-c07366a7"]]), ot = /* @__PURE__ */ d({
   __name: "NsBanner",
   props: {
     type: { default: "info" },
@@ -411,16 +433,16 @@ const za = /* @__PURE__ */ n({
   setup(t) {
     const e = t, a = v(
       () => e.type === "error" || e.type === "warning" ? "alert" : "status"
-    ), i = v(
+    ), r = v(
       () => e.type === "error" || e.type === "warning" ? "assertive" : "polite"
     );
-    return (c, m) => (s(), r(ae, d(c.$attrs, {
+    return (c, m) => (s(), n(re, u(c.$attrs, {
       class: ["ns-banner", `ns-banner--${t.type}`],
       dense: t.dense,
       rounded: t.rounded,
       role: a.value,
-      "aria-live": i.value
-    }), I({
+      "aria-live": r.value
+    }), B({
       default: o(() => [
         l(c.$slots, "default", {}, void 0, !0)
       ]),
@@ -442,7 +464,7 @@ const za = /* @__PURE__ */ n({
       } : void 0
     ]), 1040, ["class", "dense", "rounded", "role", "aria-live"]));
   }
-}), ja = /* @__PURE__ */ u(Xe, [["__scopeId", "data-v-18ebd6f5"]]), xe = /* @__PURE__ */ n({
+}), ts = /* @__PURE__ */ i(ot, [["__scopeId", "data-v-18ebd6f5"]]), nt = /* @__PURE__ */ d({
   __name: "NsAvatar",
   props: {
     size: { default: "md" },
@@ -458,9 +480,9 @@ const za = /* @__PURE__ */ n({
       md: "48px",
       lg: "64px",
       xl: "96px"
-    }, a = t, i = v(() => e[a.size] ?? a.size);
-    return (c, m) => (s(), r(se, d(c.$attrs, {
-      size: i.value,
+    }, a = t, r = v(() => e[a.size] ?? a.size);
+    return (c, m) => (s(), n(le, u(c.$attrs, {
+      size: r.value,
       color: t.color,
       "text-color": t.textColor,
       rounded: t.rounded,
@@ -476,7 +498,7 @@ const za = /* @__PURE__ */ n({
       _: 3
     }, 16, ["size", "color", "text-color", "rounded", "square", "aria-label", "aria-hidden", "role"]));
   }
-}), Za = /* @__PURE__ */ u(xe, [["__scopeId", "data-v-6a1b44b8"]]), et = /* @__PURE__ */ n({
+}), as = /* @__PURE__ */ i(nt, [["__scopeId", "data-v-6a1b44b8"]]), rt = /* @__PURE__ */ d({
   __name: "NsChip",
   props: {
     color: { default: "primary" },
@@ -488,7 +510,7 @@ const za = /* @__PURE__ */ n({
   },
   emits: ["remove"],
   setup(t) {
-    return (e, a) => (s(), r(oe, d(e.$attrs, {
+    return (e, a) => (s(), n(de, u(e.$attrs, {
       color: t.color,
       "text-color": t.textColor,
       outline: t.outline,
@@ -496,7 +518,7 @@ const za = /* @__PURE__ */ n({
       removable: t.removable,
       clickable: t.clickable,
       class: "ns-chip",
-      onRemove: a[0] || (a[0] = (i) => e.$emit("remove"))
+      onRemove: a[0] || (a[0] = (r) => e.$emit("remove"))
     }), {
       default: o(() => [
         l(e.$slots, "default", {}, void 0, !0)
@@ -504,7 +526,7 @@ const za = /* @__PURE__ */ n({
       _: 3
     }, 16, ["color", "text-color", "outline", "dense", "removable", "clickable"]));
   }
-}), Ka = /* @__PURE__ */ u(et, [["__scopeId", "data-v-1a2191f1"]]), tt = /* @__PURE__ */ n({
+}), ss = /* @__PURE__ */ i(rt, [["__scopeId", "data-v-1a2191f1"]]), lt = /* @__PURE__ */ d({
   __name: "NsList",
   props: {
     bordered: { type: Boolean, default: !1 },
@@ -513,7 +535,7 @@ const za = /* @__PURE__ */ n({
     ariaLabel: { default: void 0 }
   },
   setup(t) {
-    return (e, a) => (s(), r(re, d(e.$attrs, {
+    return (e, a) => (s(), n(ue, u(e.$attrs, {
       bordered: t.bordered,
       separator: t.separator,
       dense: t.dense,
@@ -527,7 +549,7 @@ const za = /* @__PURE__ */ n({
       _: 3
     }, 16, ["bordered", "separator", "dense", "aria-label"]));
   }
-}), Ga = /* @__PURE__ */ u(tt, [["__scopeId", "data-v-65aec20e"]]), at = /* @__PURE__ */ n({
+}), os = /* @__PURE__ */ i(lt, [["__scopeId", "data-v-65aec20e"]]), dt = /* @__PURE__ */ d({
   __name: "NsTooltip",
   props: {
     delay: { default: 300 },
@@ -536,7 +558,7 @@ const za = /* @__PURE__ */ n({
     self: { default: "top middle" }
   },
   setup(t) {
-    return (e, a) => (s(), r(le, d(e.$attrs, {
+    return (e, a) => (s(), n(ie, u(e.$attrs, {
       delay: t.delay,
       offset: t.offset,
       anchor: t.anchor,
@@ -549,37 +571,37 @@ const za = /* @__PURE__ */ n({
       _: 3
     }, 16, ["delay", "offset", "anchor", "self"]));
   }
-}), Ja = /* @__PURE__ */ u(at, [["__scopeId", "data-v-9cb6af8f"]]), st = /* @__PURE__ */ n({
+}), ns = /* @__PURE__ */ i(dt, [["__scopeId", "data-v-9cb6af8f"]]), ut = /* @__PURE__ */ d({
   __name: "NsBadge",
   setup(t) {
-    return (e, a) => (s(), r(ne, d(e.$attrs, { class: "ns-badge" }), {
+    return (e, a) => (s(), n(ce, u(e.$attrs, { class: "ns-badge" }), {
       default: o(() => [
         l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), Ya = /* @__PURE__ */ u(st, [["__scopeId", "data-v-4ca05f24"]]), ot = /* @__PURE__ */ n({
+}), rs = /* @__PURE__ */ i(ut, [["__scopeId", "data-v-4ca05f24"]]), it = /* @__PURE__ */ d({
   __name: "NsBreadcrumbs",
   setup(t) {
-    return (e, a) => (s(), r(de, d(e.$attrs, { class: "ns-breadcrumbs" }), {
+    return (e, a) => (s(), n(me, u(e.$attrs, { class: "ns-breadcrumbs" }), {
       default: o(() => [
         l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), Wa = /* @__PURE__ */ u(ot, [["__scopeId", "data-v-dee98f71"]]), rt = /* @__PURE__ */ n({
+}), ls = /* @__PURE__ */ i(it, [["__scopeId", "data-v-dee98f71"]]), ct = /* @__PURE__ */ d({
   __name: "NsBreadcrumbElement",
   setup(t) {
-    return (e, a) => (s(), r(ue, d(e.$attrs, { class: "ns-breadcrumb-element" }), {
+    return (e, a) => (s(), n(fe, u(e.$attrs, { class: "ns-breadcrumb-element" }), {
       default: o(() => [
         l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), Xa = /* @__PURE__ */ u(rt, [["__scopeId", "data-v-37bfe51b"]]), lt = /* @__PURE__ */ n({
+}), ds = /* @__PURE__ */ i(ct, [["__scopeId", "data-v-37bfe51b"]]), mt = /* @__PURE__ */ d({
   __name: "NsButtonToggle",
   props: {
     modelValue: { default: void 0 },
@@ -587,11 +609,11 @@ const za = /* @__PURE__ */ n({
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const a = t, i = e, c = v({
+    const a = t, r = e, c = v({
       get: () => a.modelValue,
-      set: (m) => i("update:modelValue", m)
+      set: (m) => r("update:modelValue", m)
     });
-    return (m, f) => (s(), r(ie, d(m.$attrs, {
+    return (m, f) => (s(), n(pe, u(m.$attrs, {
       modelValue: c.value,
       "onUpdate:modelValue": f[0] || (f[0] = (_) => c.value = _),
       options: t.options,
@@ -603,157 +625,157 @@ const za = /* @__PURE__ */ n({
       _: 3
     }, 16, ["modelValue", "options"]));
   }
-}), xa = /* @__PURE__ */ u(lt, [["__scopeId", "data-v-93652c3e"]]), nt = /* @__PURE__ */ n({
+}), us = /* @__PURE__ */ i(mt, [["__scopeId", "data-v-93652c3e"]]), ft = /* @__PURE__ */ d({
   __name: "NsCardActions",
   setup(t) {
-    return (e, a) => (s(), r(T, d(e.$attrs, { class: "ns-card-actions" }), {
+    return (e, a) => (s(), n(S, u(e.$attrs, { class: "ns-card-actions" }), {
       default: o(() => [
         l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), es = /* @__PURE__ */ u(nt, [["__scopeId", "data-v-0d6f776d"]]), dt = /* @__PURE__ */ n({
+}), is = /* @__PURE__ */ i(ft, [["__scopeId", "data-v-0d6f776d"]]), pt = /* @__PURE__ */ d({
   __name: "NsCardSection",
   setup(t) {
-    return (e, a) => (s(), r($, d(e.$attrs, { class: "ns-card-section" }), {
+    return (e, a) => (s(), n(N, u(e.$attrs, { class: "ns-card-section" }), {
       default: o(() => [
         l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), ts = /* @__PURE__ */ u(dt, [["__scopeId", "data-v-781d42ef"]]), ut = /* @__PURE__ */ n({
+}), cs = /* @__PURE__ */ i(pt, [["__scopeId", "data-v-781d42ef"]]), _t = /* @__PURE__ */ d({
   __name: "NsFooter",
   setup(t) {
-    return (e, a) => (s(), r(ce, d(e.$attrs, { class: "ns-footer" }), {
+    return (e, a) => (s(), n(_e, u(e.$attrs, { class: "ns-footer" }), {
       default: o(() => [
         l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), as = /* @__PURE__ */ u(ut, [["__scopeId", "data-v-1fb919cd"]]), it = /* @__PURE__ */ n({
+}), ms = /* @__PURE__ */ i(_t, [["__scopeId", "data-v-1fb919cd"]]), vt = /* @__PURE__ */ d({
   __name: "NsHeader",
   setup(t) {
-    return (e, a) => (s(), r(me, d(e.$attrs, { class: "ns-header" }), {
+    return (e, a) => (s(), n(ve, u(e.$attrs, { class: "ns-header" }), {
       default: o(() => [
         l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), ss = /* @__PURE__ */ u(it, [["__scopeId", "data-v-80d27841"]]), ct = /* @__PURE__ */ n({
+}), fs = /* @__PURE__ */ i(vt, [["__scopeId", "data-v-80d27841"]]), bt = /* @__PURE__ */ d({
   __name: "NsIcon",
   setup(t) {
-    return (e, a) => (s(), r(fe, d(e.$attrs, { class: "ns-icon" }), {
+    return (e, a) => (s(), n(be, u(e.$attrs, { class: "ns-icon" }), {
       default: o(() => [
         l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), os = /* @__PURE__ */ u(ct, [["__scopeId", "data-v-d068ec18"]]), mt = /* @__PURE__ */ n({
+}), ps = /* @__PURE__ */ i(bt, [["__scopeId", "data-v-d068ec18"]]), $t = /* @__PURE__ */ d({
   __name: "NsImage",
   setup(t) {
-    return (e, a) => (s(), r(pe, d(e.$attrs, { class: "ns-image" }), {
+    return (e, a) => (s(), n($e, u(e.$attrs, { class: "ns-image" }), {
       default: o(() => [
         l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), rs = /* @__PURE__ */ u(mt, [["__scopeId", "data-v-c9c9f6c1"]]), ft = /* @__PURE__ */ n({
+}), _s = /* @__PURE__ */ i($t, [["__scopeId", "data-v-c9c9f6c1"]]), Nt = /* @__PURE__ */ d({
   __name: "NsInnerLoading",
   setup(t) {
-    return (e, a) => (s(), r(_e, d(e.$attrs, { class: "ns-inner-loading" }), {
+    return (e, a) => (s(), n(Ne, u(e.$attrs, { class: "ns-inner-loading" }), {
       default: o(() => [
         l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), ls = /* @__PURE__ */ u(ft, [["__scopeId", "data-v-080672c1"]]), pt = /* @__PURE__ */ n({
+}), vs = /* @__PURE__ */ i(Nt, [["__scopeId", "data-v-080672c1"]]), gt = /* @__PURE__ */ d({
   __name: "NsItem",
   setup(t) {
-    return (e, a) => (s(), r(ve, d(e.$attrs, { class: "ns-item" }), {
+    return (e, a) => (s(), n(ge, u(e.$attrs, { class: "ns-item" }), {
       default: o(() => [
         l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), ns = /* @__PURE__ */ u(pt, [["__scopeId", "data-v-47978f87"]]), _t = /* @__PURE__ */ n({
+}), bs = /* @__PURE__ */ i(gt, [["__scopeId", "data-v-47978f87"]]), ht = /* @__PURE__ */ d({
   __name: "NsItemLabel",
   setup(t) {
-    return (e, a) => (s(), r(be, d(e.$attrs, { class: "ns-item-label" }), {
+    return (e, a) => (s(), n(he, u(e.$attrs, { class: "ns-item-label" }), {
       default: o(() => [
         l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), ds = /* @__PURE__ */ u(_t, [["__scopeId", "data-v-df6024af"]]), vt = /* @__PURE__ */ n({
+}), $s = /* @__PURE__ */ i(ht, [["__scopeId", "data-v-df6024af"]]), yt = /* @__PURE__ */ d({
   __name: "NsItemSection",
   setup(t) {
-    return (e, a) => (s(), r($e, d(e.$attrs, { class: "ns-item-section" }), {
+    return (e, a) => (s(), n(ye, u(e.$attrs, { class: "ns-item-section" }), {
       default: o(() => [
         l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), us = /* @__PURE__ */ u(vt, [["__scopeId", "data-v-340a753a"]]), bt = /* @__PURE__ */ n({
+}), Ns = /* @__PURE__ */ i(yt, [["__scopeId", "data-v-340a753a"]]), It = /* @__PURE__ */ d({
   __name: "NsLayout",
   setup(t) {
-    return (e, a) => (s(), r(ge, d(e.$attrs, { class: "ns-layout" }), {
+    return (e, a) => (s(), n(Ie, u(e.$attrs, { class: "ns-layout" }), {
       default: o(() => [
         l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), is = /* @__PURE__ */ u(bt, [["__scopeId", "data-v-cf90e270"]]), $t = /* @__PURE__ */ n({
+}), gs = /* @__PURE__ */ i(It, [["__scopeId", "data-v-cf90e270"]]), Qt = /* @__PURE__ */ d({
   __name: "NsLinearProgress",
   setup(t) {
-    return (e, a) => (s(), r(Ne, d(e.$attrs, { class: "ns-linear-progress" }), {
+    return (e, a) => (s(), n(Qe, u(e.$attrs, { class: "ns-linear-progress" }), {
       default: o(() => [
         l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), cs = /* @__PURE__ */ u($t, [["__scopeId", "data-v-79c6443f"]]), gt = /* @__PURE__ */ n({
+}), hs = /* @__PURE__ */ i(Qt, [["__scopeId", "data-v-79c6443f"]]), Tt = /* @__PURE__ */ d({
   __name: "NsMenu",
   setup(t) {
-    return (e, a) => (s(), r(ye, d(e.$attrs, { class: "ns-menu" }), {
+    return (e, a) => (s(), n(Te, u(e.$attrs, { class: "ns-menu" }), {
       default: o(() => [
         l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), ms = /* @__PURE__ */ u(gt, [["__scopeId", "data-v-47a4b7d0"]]), Nt = /* @__PURE__ */ n({
+}), ys = /* @__PURE__ */ i(Tt, [["__scopeId", "data-v-47a4b7d0"]]), Bt = /* @__PURE__ */ d({
   __name: "NsPage",
   setup(t) {
-    return (e, a) => (s(), r(he, d(e.$attrs, { class: "ns-page" }), {
+    return (e, a) => (s(), n(Be, u(e.$attrs, { class: "ns-page" }), {
       default: o(() => [
         l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), fs = /* @__PURE__ */ u(Nt, [["__scopeId", "data-v-25e2841e"]]), yt = /* @__PURE__ */ n({
+}), Is = /* @__PURE__ */ i(Bt, [["__scopeId", "data-v-25e2841e"]]), St = /* @__PURE__ */ d({
   __name: "NsPageContainer",
   setup(t) {
-    return (e, a) => (s(), r(Qe, d(e.$attrs, { class: "ns-page-container" }), {
+    return (e, a) => (s(), n(Se, u(e.$attrs, { class: "ns-page-container" }), {
       default: o(() => [
         l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), ps = /* @__PURE__ */ u(yt, [["__scopeId", "data-v-ac167da5"]]), ht = /* @__PURE__ */ n({
+}), Qs = /* @__PURE__ */ i(St, [["__scopeId", "data-v-ac167da5"]]), Ct = /* @__PURE__ */ d({
   __name: "NsPagination",
   props: {
     modelValue: { default: 1 },
@@ -761,11 +783,11 @@ const za = /* @__PURE__ */ n({
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const a = t, i = e, c = v({
+    const a = t, r = e, c = v({
       get: () => a.modelValue,
-      set: (m) => i("update:modelValue", m)
+      set: (m) => r("update:modelValue", m)
     });
-    return (m, f) => (s(), r(Ie, d(m.$attrs, {
+    return (m, f) => (s(), n(Ce, u(m.$attrs, {
       modelValue: c.value,
       "onUpdate:modelValue": f[0] || (f[0] = (_) => c.value = _),
       max: t.max,
@@ -777,48 +799,48 @@ const za = /* @__PURE__ */ n({
       _: 3
     }, 16, ["modelValue", "max"]));
   }
-}), _s = /* @__PURE__ */ u(ht, [["__scopeId", "data-v-12fa9287"]]), Qt = /* @__PURE__ */ n({
+}), Ts = /* @__PURE__ */ i(Ct, [["__scopeId", "data-v-12fa9287"]]), kt = /* @__PURE__ */ d({
   __name: "NsSeparator",
   setup(t) {
-    return (e, a) => (s(), r(Te, d(e.$attrs, { class: "ns-separator" }), null, 16));
+    return (e, a) => (s(), n(ke, u(e.$attrs, { class: "ns-separator" }), null, 16));
   }
-}), vs = /* @__PURE__ */ u(Qt, [["__scopeId", "data-v-0c2b2ac1"]]), It = /* @__PURE__ */ n({
+}), Bs = /* @__PURE__ */ i(kt, [["__scopeId", "data-v-0c2b2ac1"]]), Vt = /* @__PURE__ */ d({
   __name: "NsSpace",
   setup(t) {
-    return (e, a) => (s(), r(Be, d(e.$attrs, { class: "ns-space" }), {
+    return (e, a) => (s(), n(Ve, u(e.$attrs, { class: "ns-space" }), {
       default: o(() => [
         l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), bs = /* @__PURE__ */ u(It, [["__scopeId", "data-v-273ca5fc"]]), Tt = /* @__PURE__ */ n({
+}), Ss = /* @__PURE__ */ i(Vt, [["__scopeId", "data-v-273ca5fc"]]), Lt = /* @__PURE__ */ d({
   __name: "NsSpinner",
   setup(t) {
-    return (e, a) => (s(), r(Se, d(e.$attrs, { class: "ns-spinner" }), null, 16));
+    return (e, a) => (s(), n(Le, u(e.$attrs, { class: "ns-spinner" }), null, 16));
   }
-}), $s = /* @__PURE__ */ u(Tt, [["__scopeId", "data-v-5b99a17b"]]), Bt = /* @__PURE__ */ n({
+}), Cs = /* @__PURE__ */ i(Lt, [["__scopeId", "data-v-5b99a17b"]]), wt = /* @__PURE__ */ d({
   __name: "NsSpinnerDots",
   setup(t) {
-    return (e, a) => (s(), r(D, d(e.$attrs, { class: "ns-spinner-dots" }), null, 16));
+    return (e, a) => (s(), n(z, u(e.$attrs, { class: "ns-spinner-dots" }), null, 16));
   }
-}), gs = /* @__PURE__ */ u(Bt, [["__scopeId", "data-v-20a70106"]]), St = /* @__PURE__ */ n({
+}), ks = /* @__PURE__ */ i(wt, [["__scopeId", "data-v-20a70106"]]), Pt = /* @__PURE__ */ d({
   __name: "NsTab",
   setup(t) {
-    return (e, a) => (s(), r(Ce, d(e.$attrs, { class: "ns-tab" }), {
+    return (e, a) => (s(), n(we, u(e.$attrs, { class: "ns-tab" }), {
       default: o(() => [
         l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), Ns = /* @__PURE__ */ u(St, [["__scopeId", "data-v-b97f2cd1"]]), Ct = /* @__PURE__ */ n({
+}), Vs = /* @__PURE__ */ i(Pt, [["__scopeId", "data-v-b97f2cd1"]]), Et = /* @__PURE__ */ d({
   __name: "NsTable",
   props: {
     rows: { default: () => [] }
   },
   setup(t) {
-    return (e, a) => (s(), r(Ve, d(e.$attrs, {
+    return (e, a) => (s(), n(Pe, u(e.$attrs, {
       rows: t.rows,
       class: "ns-table"
     }), {
@@ -828,23 +850,23 @@ const za = /* @__PURE__ */ n({
       _: 3
     }, 16, ["rows"]));
   }
-}), ys = /* @__PURE__ */ u(Ct, [["__scopeId", "data-v-a45d30cf"]]), Vt = /* @__PURE__ */ n({
+}), Ls = /* @__PURE__ */ i(Et, [["__scopeId", "data-v-a45d30cf"]]), Dt = /* @__PURE__ */ d({
   __name: "NsTableCell",
   setup(t) {
-    return (e, a) => (s(), r(ke, d(e.$attrs, { class: "ns-table-cell" }), {
+    return (e, a) => (s(), n(Ee, u(e.$attrs, { class: "ns-table-cell" }), {
       default: o(() => [
         l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), hs = /* @__PURE__ */ u(Vt, [["__scopeId", "data-v-ca0da61b"]]), kt = /* @__PURE__ */ n({
+}), ws = /* @__PURE__ */ i(Dt, [["__scopeId", "data-v-ca0da61b"]]), At = /* @__PURE__ */ d({
   __name: "NsTabPanel",
   props: {
     name: {}
   },
   setup(t) {
-    return (e, a) => (s(), r(Le, d(e.$attrs, {
+    return (e, a) => (s(), n(De, u(e.$attrs, {
       name: t.name,
       class: "ns-tab-panel"
     }), {
@@ -854,18 +876,18 @@ const za = /* @__PURE__ */ n({
       _: 3
     }, 16, ["name"]));
   }
-}), Qs = /* @__PURE__ */ u(kt, [["__scopeId", "data-v-d8f64358"]]), Lt = /* @__PURE__ */ n({
+}), Ps = /* @__PURE__ */ i(At, [["__scopeId", "data-v-d8f64358"]]), Mt = /* @__PURE__ */ d({
   __name: "NsTabPanels",
   props: {
     modelValue: { default: void 0 }
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const a = t, i = e, c = v({
+    const a = t, r = e, c = v({
       get: () => a.modelValue,
-      set: (m) => i("update:modelValue", m)
+      set: (m) => r("update:modelValue", m)
     });
-    return (m, f) => (s(), r(Pe, d(m.$attrs, {
+    return (m, f) => (s(), n(Ae, u(m.$attrs, {
       modelValue: c.value,
       "onUpdate:modelValue": f[0] || (f[0] = (_) => c.value = _),
       class: "ns-tab-panels"
@@ -876,66 +898,66 @@ const za = /* @__PURE__ */ n({
       _: 3
     }, 16, ["modelValue"]));
   }
-}), Is = /* @__PURE__ */ u(Lt, [["__scopeId", "data-v-dec8ab0f"]]), Pt = /* @__PURE__ */ n({
+}), Es = /* @__PURE__ */ i(Mt, [["__scopeId", "data-v-dec8ab0f"]]), zt = /* @__PURE__ */ d({
   __name: "NsTabs",
   setup(t) {
-    return (e, a) => (s(), r(we, d(e.$attrs, { class: "ns-tabs" }), {
+    return (e, a) => (s(), n(Me, u(e.$attrs, { class: "ns-tabs" }), {
       default: o(() => [
         l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), Ts = /* @__PURE__ */ u(Pt, [["__scopeId", "data-v-81224e01"]]), wt = /* @__PURE__ */ n({
+}), Ds = /* @__PURE__ */ i(zt, [["__scopeId", "data-v-81224e01"]]), Ot = /* @__PURE__ */ d({
   __name: "NsTimeline",
   setup(t) {
-    return (e, a) => (s(), r(Ee, d(e.$attrs, { class: "ns-timeline" }), {
+    return (e, a) => (s(), n(ze, u(e.$attrs, { class: "ns-timeline" }), {
       default: o(() => [
         l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), Bs = /* @__PURE__ */ u(wt, [["__scopeId", "data-v-1bf558aa"]]), Et = /* @__PURE__ */ n({
+}), As = /* @__PURE__ */ i(Ot, [["__scopeId", "data-v-1bf558aa"]]), Ft = /* @__PURE__ */ d({
   __name: "NsTimelineEntry",
   setup(t) {
-    return (e, a) => (s(), r(Ae, d(e.$attrs, { class: "ns-timeline-entry" }), {
+    return (e, a) => (s(), n(Oe, u(e.$attrs, { class: "ns-timeline-entry" }), {
       default: o(() => [
         l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), Ss = /* @__PURE__ */ u(Et, [["__scopeId", "data-v-fa149ea0"]]), At = /* @__PURE__ */ n({
+}), Ms = /* @__PURE__ */ i(Ft, [["__scopeId", "data-v-fa149ea0"]]), qt = /* @__PURE__ */ d({
   __name: "NsToolbar",
   setup(t) {
-    return (e, a) => (s(), r(De, d(e.$attrs, { class: "ns-toolbar" }), {
+    return (e, a) => (s(), n(Fe, u(e.$attrs, { class: "ns-toolbar" }), {
       default: o(() => [
         l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), Cs = /* @__PURE__ */ u(At, [["__scopeId", "data-v-e26a45db"]]), Dt = /* @__PURE__ */ n({
+}), zs = /* @__PURE__ */ i(qt, [["__scopeId", "data-v-e26a45db"]]), Rt = /* @__PURE__ */ d({
   __name: "NsToolbarTitle",
   setup(t) {
-    return (e, a) => (s(), r(ze, d(e.$attrs, { class: "ns-toolbar-title" }), {
+    return (e, a) => (s(), n(qe, u(e.$attrs, { class: "ns-toolbar-title" }), {
       default: o(() => [
         l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16));
   }
-}), Vs = /* @__PURE__ */ u(Dt, [["__scopeId", "data-v-42928844"]]);
-function ks(t = {}) {
-  const { locale: e = B } = t;
+}), Os = /* @__PURE__ */ i(Rt, [["__scopeId", "data-v-42928844"]]);
+function Fs(t = {}) {
+  const { locale: e = C } = t;
   return {
     install(a) {
-      a.provide(S, e);
+      a.provide(k, e);
     }
   };
 }
-const zt = {
+const Ut = {
   primary: "#3b82f6",
   // PLACEHOLDER — matches --ns-color-primary
   secondary: "#8b5cf6",
@@ -955,20 +977,20 @@ const zt = {
   warning: "#f59e0b"
   // PLACEHOLDER — matches --ns-color-warning
 };
-function Ls(t = {}) {
-  const { brand: e = {}, plugins: a = {}, ...i } = t;
+function qs(t = {}) {
+  const { brand: e = {}, plugins: a = {}, ...r } = t;
   return {
     config: {
       brand: {
-        ...zt,
+        ...Ut,
         ...e
       }
     },
     plugins: a,
-    ...i
+    ...r
   };
 }
-const Ps = {
+const Rs = {
   common: {
     loading: "Chargement…",
     retry: "Réessayer",
@@ -1005,11 +1027,11 @@ const Ps = {
     tooLong: "Trop long"
   }
 };
-function ws(t, e) {
-  const a = Re();
+function Us(t, e) {
+  const a = He();
   return v(() => {
-    const i = t();
-    if (i != null) return i;
+    const r = t();
+    if (r != null) return r;
     const c = e.split(".");
     let m = a;
     for (const f of c)
@@ -1017,10 +1039,10 @@ function ws(t, e) {
     return m;
   });
 }
-const y = "ns-dark-mode";
-function Es() {
-  const t = k(!1), e = k("system");
-  let a = null, i = () => {
+const I = "ns-dark-mode";
+function xs() {
+  const t = w(!1), e = w("system");
+  let a = null, r = () => {
   };
   function c(p) {
     if (t.value = p, typeof document < "u") {
@@ -1033,48 +1055,85 @@ function Es() {
   }
   function f() {
     if (typeof localStorage > "u") return null;
-    const p = localStorage.getItem(y);
+    const p = localStorage.getItem(I);
     return p === "true" ? !0 : p === "false" ? !1 : null;
   }
   function _(p) {
-    typeof localStorage < "u" && localStorage.setItem(y, String(p));
+    typeof localStorage < "u" && localStorage.setItem(I, String(p));
   }
-  function M() {
-    typeof localStorage < "u" && localStorage.removeItem(y);
+  function F() {
+    typeof localStorage < "u" && localStorage.removeItem(I);
   }
-  function C() {
+  function V() {
     e.value = "user", _(!0), c(!0);
   }
-  function V() {
+  function L() {
     e.value = "user", _(!1), c(!1);
   }
-  function F() {
-    t.value ? V() : C();
-  }
   function q() {
-    M(), e.value = "system", c(m());
+    t.value ? L() : V();
   }
   function R() {
+    F(), e.value = "system", c(m());
+  }
+  function U() {
     const p = f();
-    p !== null ? (e.value = "storage", c(p)) : (e.value = "system", c(m())), typeof window < "u" && (a = window.matchMedia("(prefers-color-scheme: dark)"), i = (g) => {
+    p !== null ? (e.value = "storage", c(p)) : (e.value = "system", c(m())), typeof window < "u" && (a = window.matchMedia("(prefers-color-scheme: dark)"), r = (g) => {
       f() === null && (e.value = "system", c(g.matches));
-    }, a.addEventListener("change", i));
+    }, a.addEventListener("change", r));
   }
-  return K(R), G(() => {
-    a?.removeEventListener("change", i);
+  return G(U), J(() => {
+    a?.removeEventListener("change", r);
   }), {
-    isDark: L(t),
-    source: L(e),
-    enable: C,
-    disable: V,
-    toggle: F,
-    useSystem: q
+    isDark: P(t),
+    source: P(e),
+    enable: V,
+    disable: L,
+    toggle: q,
+    useSystem: R
   };
 }
-function As(t, e = document.documentElement) {
+function Hs(t, e = document.documentElement) {
   return getComputedStyle(e).getPropertyValue(t).trim();
 }
-const Mt = {
+const b = {
+  xs: 0,
+  sm: 600,
+  md: 1024,
+  lg: 1440,
+  xl: 1920,
+  xxl: 2560,
+  xxxl: 3840
+}, y = [
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl",
+  "xxl",
+  "xxxl"
+];
+function js(t) {
+  return `(min-width: ${b[t]}px)`;
+}
+function Zs(t) {
+  return `(max-width: ${b[t] - 1}px)`;
+}
+function Ks(t) {
+  const e = y.indexOf(t), a = b[t], r = y[e + 1];
+  if (!r)
+    return `(min-width: ${a}px)`;
+  const c = b[r] - 1;
+  return `(min-width: ${a}px) and (max-width: ${c}px)`;
+}
+function Gs(t, e) {
+  const a = y.indexOf(e), r = y[a + 1], c = b[t];
+  if (!r)
+    return `(min-width: ${c}px)`;
+  const m = b[r] - 1;
+  return `(min-width: ${c}px) and (max-width: ${m}px)`;
+}
+const xt = {
   // Existing (fully styled) components
   QAvatar: "NsAvatar",
   QBanner: "NsBanner",
@@ -1092,6 +1151,8 @@ const Mt = {
   QTooltip: "NsTooltip",
   // Placeholder wrapper components
   QBadge: "NsBadge",
+  QDrawer: "NsDrawer",
+  QExpansionItem: "NsExpansionItem",
   QBreadcrumbs: "NsBreadcrumbs",
   QBreadcrumbsEl: "NsBreadcrumbElement",
   QBtnToggle: "NsButtonToggle",
@@ -1125,79 +1186,87 @@ const Mt = {
   QTimelineEntry: "NsTimelineEntry",
   QToolbar: "NsToolbar",
   QToolbarTitle: "NsToolbarTitle"
-}, Ft = Object.fromEntries(
-  Object.entries(Mt).map(([t, e]) => [
+}, Ht = Object.fromEntries(
+  Object.entries(xt).map(([t, e]) => [
     t.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, ""),
     e.replace(/([A-Z])/g, "-$1").toLowerCase().replace(/^-/, "")
   ])
 );
-function Ds() {
-  return Object.entries(Ft).map(([t, e]) => ({
+function Js() {
+  return Object.entries(Ht).map(([t, e]) => ({
     element: t,
     message: `Use <${e}> from @nonsuch/components instead of <${t}>.`
   }));
 }
 export {
-  Za as NsAvatar,
-  Ya as NsBadge,
-  ja as NsBanner,
-  Xa as NsBreadcrumbElement,
-  Wa as NsBreadcrumbs,
-  Aa as NsButton,
-  xa as NsButtonToggle,
-  Fa as NsCard,
-  es as NsCardActions,
-  ts as NsCardSection,
-  Ra as NsCheckbox,
-  Ka as NsChip,
-  Ha as NsDialog,
-  as as NsFooter,
-  Ua as NsForm,
-  ss as NsHeader,
-  os as NsIcon,
-  rs as NsImage,
-  ls as NsInnerLoading,
-  Ma as NsInput,
-  ns as NsItem,
-  ds as NsItemLabel,
-  us as NsItemSection,
-  is as NsLayout,
-  cs as NsLinearProgress,
-  Ga as NsList,
-  S as NsLocaleKey,
-  ms as NsMenu,
-  fs as NsPage,
-  ps as NsPageContainer,
-  _s as NsPagination,
-  qa as NsSelect,
-  vs as NsSeparator,
-  Da as NsSkeleton,
-  bs as NsSpace,
-  $s as NsSpinner,
-  gs as NsSpinnerDots,
-  Ns as NsTab,
-  Qs as NsTabPanel,
-  Is as NsTabPanels,
-  ys as NsTable,
-  hs as NsTableCell,
-  Ts as NsTabs,
-  za as NsThemeProvider,
-  Bs as NsTimeline,
-  Ss as NsTimelineEntry,
-  Oa as NsToggle,
-  Cs as NsToolbar,
-  Vs as NsToolbarTitle,
-  Ja as NsTooltip,
-  ks as createNonsuch,
-  Ls as createQuasarConfig,
-  Ds as generateQuasarBanRules,
-  As as getToken,
-  Mt as nsComponentManifest,
-  B as nsLocaleEnCA,
-  Ps as nsLocaleFrCA,
-  Ft as nsTemplateTagManifest,
-  qe as provideNsLocale,
-  Es as useNsDarkMode,
-  ws as useNsDefault,
-  Re as useNsLocale
+  as as NsAvatar,
+  rs as NsBadge,
+  ts as NsBanner,
+  ds as NsBreadcrumbElement,
+  ls as NsBreadcrumbs,
+  Ua as NsButton,
+  us as NsButtonToggle,
+  Za as NsCard,
+  is as NsCardActions,
+  cs as NsCardSection,
+  Ga as NsCheckbox,
+  ss as NsChip,
+  Wa as NsDialog,
+  Xa as NsDrawer,
+  es as NsExpansionItem,
+  ms as NsFooter,
+  Ya as NsForm,
+  fs as NsHeader,
+  ps as NsIcon,
+  _s as NsImage,
+  vs as NsInnerLoading,
+  ja as NsInput,
+  bs as NsItem,
+  $s as NsItemLabel,
+  Ns as NsItemSection,
+  gs as NsLayout,
+  hs as NsLinearProgress,
+  os as NsList,
+  k as NsLocaleKey,
+  ys as NsMenu,
+  Is as NsPage,
+  Qs as NsPageContainer,
+  Ts as NsPagination,
+  Ka as NsSelect,
+  Bs as NsSeparator,
+  xa as NsSkeleton,
+  Ss as NsSpace,
+  Cs as NsSpinner,
+  ks as NsSpinnerDots,
+  Vs as NsTab,
+  Ps as NsTabPanel,
+  Es as NsTabPanels,
+  Ls as NsTable,
+  ws as NsTableCell,
+  Ds as NsTabs,
+  Ha as NsThemeProvider,
+  As as NsTimeline,
+  Ms as NsTimelineEntry,
+  Ja as NsToggle,
+  zs as NsToolbar,
+  Os as NsToolbarTitle,
+  ns as NsTooltip,
+  Fs as createNonsuch,
+  qs as createQuasarConfig,
+  Js as generateQuasarBanRules,
+  Hs as getToken,
+  y as nsBreakpointNames,
+  b as nsBreakpoints,
+  xt as nsComponentManifest,
+  C as nsLocaleEnCA,
+  Rs as nsLocaleFrCA,
+  Gs as nsMediaBetween,
+  Zs as nsMediaDown,
+  Ks as nsMediaOnly,
+  js as nsMediaUp,
+  Ht as nsTemplateTagManifest,
+  xe as provideNsLocale,
+  xs as useNsDarkMode,
+  Us as useNsDefault,
+  He as useNsLocale
 };