@nonsuch/component-library 0.5.0 → 0.7.0

package/dist/nonsuch-components.js

@@ -1,22 +1,53 @@
-import M from "quasar/src/components/btn/QBtn.js";
-import { defineComponent as u, openBlock as n, createBlock as d, mergeProps as i, withCtx as l, renderSlot as r, createVNode as g, unref as F, provide as U, inject as j, createSlots as k, renderList as Q, normalizeProps as E, guardReactiveProps as z, createElementVNode as L, toDisplayString as $, createElementBlock as K, createCommentVNode as p, computed as T, ref as I, onMounted as Z, onUnmounted as G, readonly as w } from "vue";
-import H from "quasar/src/components/spinner/QSpinnerDots.js";
-import Y from "quasar/src/components/skeleton/QSkeleton.js";
-import J from "quasar/src/components/input/QInput.js";
-import b from "quasar/src/components/card/QCardSection.js";
-import A from "quasar/src/components/card/QCardActions.js";
-import q from "quasar/src/components/card/QCard.js";
+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 _ from "quasar/src/components/form/QForm.js";
-import ee from "quasar/src/components/dialog/QDialog.js";
-import te from "quasar/src/components/banner/QBanner.js";
-import oe from "quasar/src/components/avatar/QAvatar.js";
-import ae from "quasar/src/components/chip/QChip.js";
-import le from "quasar/src/components/item/QList.js";
-import se from "quasar/src/components/tooltip/QTooltip.js";
-const ne = /* @__PURE__ */ u({
+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({
   __name: "NsButton",
   props: {
     color: { default: "primary" },
@@ -26,33 +57,34 @@ const ne = /* @__PURE__ */ u({
     rounded: { type: Boolean, default: !0 },
     loading: { type: Boolean, default: !1 }
   },
-  setup(e) {
-    return (t, o) => (n(), d(M, i(t.$attrs, {
-      color: e.color,
-      size: e.size,
-      unelevated: e.unelevated,
-      "no-caps": e.noCaps,
-      rounded: e.rounded,
-      loading: e.loading,
+  setup(t) {
+    return (e, a) => (s(), r(O, d(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,
       class: "ns-button"
     }), {
-      loading: l(() => [
-        r(t.$slots, "loading", {}, () => [
-          g(F(H), { color: "white" })
+      loading: o(() => [
+        l(e.$slots, "loading", {}, () => [
+          N(U(D), { color: "white" })
         ], !0)
       ]),
-      default: l(() => [
-        r(t.$slots, "default", {}, void 0, !0)
+      default: o(() => [
+        l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
-    }, 16, ["color", "size", "unelevated", "no-caps", "rounded", "loading"]));
+    }, 16, ["color", "size", "unelevated", "no-caps", "rounded", "loading", "aria-busy"]));
   }
-}), f = (e, t) => {
-  const o = e.__vccOpts || e;
-  for (const [a, s] of t)
-    o[a] = s;
-  return o;
-}, Ke = /* @__PURE__ */ f(ne, [["__scopeId", "data-v-7f6c2760"]]), re = /* @__PURE__ */ u({
+}), u = (t, e) => {
+  const a = t.__vccOpts || t;
+  for (const [i, c] of e)
+    a[i] = c;
+  return a;
+}, Aa = /* @__PURE__ */ u(Me, [["__scopeId", "data-v-59b40e5f"]]), Fe = /* @__PURE__ */ n({
   __name: "NsSkeleton",
   props: {
     type: { default: "rect" },
@@ -62,18 +94,19 @@ const ne = /* @__PURE__ */ u({
     width: { default: void 0 },
     height: { default: void 0 }
   },
-  setup(e) {
-    return (t, o) => (n(), d(Y, i(t.$attrs, {
-      type: e.type,
-      animation: e.animation,
-      square: e.square,
-      bordered: e.bordered,
-      width: e.width,
-      height: e.height,
+  setup(t) {
+    return (e, a) => (s(), r(J, d(e.$attrs, {
+      type: t.type,
+      animation: t.animation,
+      square: t.square,
+      bordered: t.bordered,
+      width: t.width,
+      height: t.height,
+      "aria-hidden": "true",
       class: "ns-skeleton"
     }), null, 16, ["type", "animation", "square", "bordered", "width", "height"]));
   }
-}), Ze = /* @__PURE__ */ f(re, [["__scopeId", "data-v-62627927"]]), B = {
+}), Da = /* @__PURE__ */ u(Fe, [["__scopeId", "data-v-dfd40b8a"]]), B = {
   common: {
     loading: "Loading…",
     retry: "Retry",
@@ -109,22 +142,22 @@ const ne = /* @__PURE__ */ u({
     tooShort: "Too short",
     tooLong: "Too long"
   }
-}, N = /* @__PURE__ */ Symbol("ns-locale");
-function de(e) {
-  U(N, e);
+}, S = /* @__PURE__ */ Symbol("ns-locale");
+function qe(t) {
+  H(S, t);
 }
-function ue() {
-  return j(N, B);
+function Re() {
+  return j(S, B);
 }
-const Ge = /* @__PURE__ */ u({
+const za = /* @__PURE__ */ n({
   __name: "NsThemeProvider",
   props: {
     locale: { default: () => B }
   },
-  setup(e) {
-    return de(e.locale), (o, a) => r(o.$slots, "default");
+  setup(t) {
+    return qe(t.locale), (a, i) => l(a.$slots, "default");
   }
-}), ie = /* @__PURE__ */ u({
+}), Oe = /* @__PURE__ */ n({
   __name: "NsInput",
   props: {
     label: { default: void 0 },
@@ -134,71 +167,75 @@ const Ge = /* @__PURE__ */ u({
     rules: { default: void 0 }
   },
   emits: ["update:modelValue"],
-  setup(e) {
-    return (t, o) => (n(), d(J, i(t.$attrs, {
-      "model-value": e.modelValue,
-      label: e.label,
-      outlined: e.outlined,
-      dense: e.dense,
-      rules: e.rules,
+  setup(t) {
+    return (e, a) => (s(), r(Y, d(e.$attrs, {
+      "model-value": t.modelValue,
+      label: t.label,
+      outlined: t.outlined,
+      dense: t.dense,
+      rules: t.rules,
       class: "ns-input",
-      "onUpdate:modelValue": o[0] || (o[0] = (a) => t.$emit("update:modelValue", a))
-    }), k({ _: 2 }, [
-      Q(t.$slots, (a, s) => ({
-        name: s,
-        fn: l((c) => [
-          r(t.$slots, s, E(z(c ?? {})), void 0, !0)
+      "onUpdate:modelValue": a[0] || (a[0] = (i) => e.$emit("update:modelValue", i))
+    }), I({ _: 2 }, [
+      P(e.$slots, (i, c) => ({
+        name: c,
+        fn: o((m) => [
+          l(e.$slots, c, w(E(m ?? {})), void 0, !0)
         ])
       }))
     ]), 1040, ["model-value", "label", "outlined", "dense", "rules"]));
   }
-}), He = /* @__PURE__ */ f(ie, [["__scopeId", "data-v-7ebf3284"]]), fe = { class: "text-h6" }, ce = {
+}), Ma = /* @__PURE__ */ u(Oe, [["__scopeId", "data-v-7ebf3284"]]), Ue = { class: "text-h6" }, He = {
   key: 0,
   class: "text-subtitle2 text-grey"
-}, me = /* @__PURE__ */ u({
+}, je = /* @__PURE__ */ n({
   __name: "NsCard",
   props: {
     title: { default: void 0 },
     subtitle: { default: void 0 },
     flat: { type: Boolean, default: !1 }
   },
-  setup(e) {
-    return (t, o) => (n(), d(q, i(t.$attrs, {
-      class: ["ns-card", { "ns-card--flat": e.flat }]
+  setup(t) {
+    const e = `ns-card-header-${h()}`;
+    return (a, i) => (s(), r(z, d(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: l(() => [
-        e.title || t.$slots.header ? (n(), d(b, {
+      default: o(() => [
+        t.title || a.$slots.header ? (s(), r($, {
           key: 0,
+          id: e,
           class: "ns-card__header"
         }, {
-          default: l(() => [
-            r(t.$slots, "header", {}, () => [
-              L("div", fe, $(e.title), 1),
-              e.subtitle ? (n(), K("div", ce, $(e.subtitle), 1)) : p("", !0)
+          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)
             ], !0)
           ]),
           _: 3
-        })) : p("", !0),
-        g(b, null, {
-          default: l(() => [
-            r(t.$slots, "default", {}, void 0, !0)
+        })) : b("", !0),
+        N($, null, {
+          default: o(() => [
+            l(a.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
         }),
-        t.$slots.actions ? (n(), d(A, {
+        a.$slots.actions ? (s(), r(T, {
           key: 1,
           align: "right"
         }, {
-          default: l(() => [
-            r(t.$slots, "actions", {}, void 0, !0)
+          default: o(() => [
+            l(a.$slots, "actions", {}, void 0, !0)
           ]),
           _: 3
-        })) : p("", !0)
+        })) : b("", !0)
       ]),
       _: 3
-    }, 16, ["class"]));
+    }, 16, ["class", "role", "aria-labelledby"]));
   }
-}), Ye = /* @__PURE__ */ f(me, [["__scopeId", "data-v-41ecea50"]]), pe = /* @__PURE__ */ u({
+}), Fa = /* @__PURE__ */ u(je, [["__scopeId", "data-v-7769879a"]]), Ze = /* @__PURE__ */ n({
   __name: "NsSelect",
   props: {
     label: { default: void 0 },
@@ -212,29 +249,29 @@ const Ge = /* @__PURE__ */ u({
     rules: { default: void 0 }
   },
   emits: ["update:modelValue"],
-  setup(e) {
-    return (t, o) => (n(), d(W, i(t.$attrs, {
-      "model-value": e.modelValue,
-      label: e.label,
-      options: e.options,
-      outlined: e.outlined,
-      dense: e.dense,
-      rules: e.rules,
-      multiple: e.multiple,
-      "emit-value": e.emitValue,
-      "map-options": e.mapOptions,
+  setup(t) {
+    return (e, a) => (s(), r(W, d(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,
       class: "ns-select",
-      "onUpdate:modelValue": o[0] || (o[0] = (a) => t.$emit("update:modelValue", a))
-    }), k({ _: 2 }, [
-      Q(t.$slots, (a, s) => ({
-        name: s,
-        fn: l((c) => [
-          r(t.$slots, s, E(z(c ?? {})), void 0, !0)
+      "onUpdate:modelValue": a[0] || (a[0] = (i) => e.$emit("update:modelValue", i))
+    }), I({ _: 2 }, [
+      P(e.$slots, (i, c) => ({
+        name: c,
+        fn: o((m) => [
+          l(e.$slots, c, w(E(m ?? {})), void 0, !0)
         ])
       }))
     ]), 1040, ["model-value", "label", "options", "outlined", "dense", "rules", "multiple", "emit-value", "map-options"]));
   }
-}), Je = /* @__PURE__ */ f(pe, [["__scopeId", "data-v-081cebe3"]]), ve = /* @__PURE__ */ u({
+}), qa = /* @__PURE__ */ u(Ze, [["__scopeId", "data-v-081cebe3"]]), Ke = /* @__PURE__ */ n({
   __name: "NsCheckbox",
   props: {
     label: { default: void 0 },
@@ -244,18 +281,18 @@ const Ge = /* @__PURE__ */ u({
     disable: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(e) {
-    return (t, o) => (n(), d(X, i(t.$attrs, {
-      "model-value": e.modelValue,
-      label: e.label,
-      color: e.color,
-      dense: e.dense,
-      disable: e.disable,
+  setup(t) {
+    return (e, a) => (s(), r(X, d(e.$attrs, {
+      "model-value": t.modelValue,
+      label: t.label,
+      color: t.color,
+      dense: t.dense,
+      disable: t.disable,
       class: "ns-checkbox",
-      "onUpdate:modelValue": o[0] || (o[0] = (a) => t.$emit("update:modelValue", a))
+      "onUpdate:modelValue": a[0] || (a[0] = (i) => e.$emit("update:modelValue", i))
     }), null, 16, ["model-value", "label", "color", "dense", "disable"]));
   }
-}), We = /* @__PURE__ */ f(ve, [["__scopeId", "data-v-2e481f8b"]]), ye = /* @__PURE__ */ u({
+}), Ra = /* @__PURE__ */ u(Ke, [["__scopeId", "data-v-2e481f8b"]]), Ge = /* @__PURE__ */ n({
   __name: "NsToggle",
   props: {
     label: { default: void 0 },
@@ -265,37 +302,41 @@ const Ge = /* @__PURE__ */ u({
     disable: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(e) {
-    return (t, o) => (n(), d(x, i(t.$attrs, {
-      "model-value": e.modelValue,
-      label: e.label,
-      color: e.color,
-      dense: e.dense,
-      disable: e.disable,
+  setup(t) {
+    return (e, a) => (s(), r(x, d(e.$attrs, {
+      "model-value": t.modelValue,
+      label: t.label,
+      color: t.color,
+      dense: t.dense,
+      disable: t.disable,
+      role: "switch",
+      "aria-checked": t.modelValue,
       class: "ns-toggle",
-      "onUpdate:modelValue": o[0] || (o[0] = (a) => t.$emit("update:modelValue", a))
-    }), null, 16, ["model-value", "label", "color", "dense", "disable"]));
+      "onUpdate:modelValue": a[0] || (a[0] = (i) => e.$emit("update:modelValue", i))
+    }), null, 16, ["model-value", "label", "color", "dense", "disable", "aria-checked"]));
   }
-}), Xe = /* @__PURE__ */ f(ye, [["__scopeId", "data-v-beb96bf2"]]), ge = /* @__PURE__ */ u({
+}), Oa = /* @__PURE__ */ u(Ge, [["__scopeId", "data-v-f8c90530"]]), Je = /* @__PURE__ */ n({
   __name: "NsForm",
   props: {
-    greedy: { type: Boolean, default: !0 }
+    greedy: { type: Boolean, default: !0 },
+    ariaLabel: { default: void 0 }
   },
   emits: ["submit", "validationError"],
-  setup(e) {
-    return (t, o) => (n(), d(_, i(t.$attrs, {
+  setup(t) {
+    return (e, a) => (s(), r(ee, d(e.$attrs, {
       class: "ns-form",
-      greedy: e.greedy,
-      onSubmit: o[0] || (o[0] = (a) => t.$emit("submit", a)),
-      onValidationError: o[1] || (o[1] = (a) => t.$emit("validationError", a))
+      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))
     }), {
-      default: l(() => [
-        r(t.$slots, "default", {}, void 0, !0)
+      default: o(() => [
+        l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
-    }, 16, ["greedy"]));
+    }, 16, ["greedy", "aria-label"]));
   }
-}), xe = /* @__PURE__ */ f(ge, [["__scopeId", "data-v-0fd74bb1"]]), be = { class: "text-h6" }, he = /* @__PURE__ */ u({
+}), Ua = /* @__PURE__ */ u(Je, [["__scopeId", "data-v-e20d14ce"]]), Ye = { class: "text-h6" }, We = /* @__PURE__ */ n({
   __name: "NsDialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -304,116 +345,138 @@ const Ge = /* @__PURE__ */ u({
     noBackdropDismiss: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(e) {
-    return (t, o) => (n(), d(ee, i(t.$attrs, {
-      "model-value": e.modelValue,
-      persistent: e.persistent,
-      "no-backdrop-dismiss": e.noBackdropDismiss,
+  setup(t) {
+    const e = `ns-dialog-title-${h()}`, a = `ns-dialog-body-${h()}`;
+    return (i, c) => (s(), r(te, d(i.$attrs, {
+      "model-value": t.modelValue,
+      persistent: t.persistent,
+      "no-backdrop-dismiss": t.noBackdropDismiss,
+      "aria-labelledby": t.title || i.$slots.header ? e : void 0,
+      "aria-describedby": a,
       class: "ns-dialog",
-      "onUpdate:modelValue": o[0] || (o[0] = (a) => t.$emit("update:modelValue", a))
+      "onUpdate:modelValue": c[0] || (c[0] = (m) => i.$emit("update:modelValue", m))
     }), {
-      default: l(() => [
-        g(q, { class: "ns-dialog__card" }, {
-          default: l(() => [
-            e.title || t.$slots.header ? (n(), d(b, {
+      default: o(() => [
+        N(z, {
+          class: "ns-dialog__card",
+          role: "dialog",
+          "aria-modal": !0
+        }, {
+          default: o(() => [
+            t.title || i.$slots.header ? (s(), r($, {
               key: 0,
+              id: e,
               class: "ns-dialog__header"
             }, {
-              default: l(() => [
-                r(t.$slots, "header", {}, () => [
-                  L("div", be, $(e.title), 1)
+              default: o(() => [
+                l(i.$slots, "header", {}, () => [
+                  A("div", Ye, Q(t.title), 1)
                 ], !0)
               ]),
               _: 3
-            })) : p("", !0),
-            g(b, { class: "ns-dialog__body" }, {
-              default: l(() => [
-                r(t.$slots, "default", {}, void 0, !0)
+            })) : b("", !0),
+            N($, {
+              id: a,
+              class: "ns-dialog__body"
+            }, {
+              default: o(() => [
+                l(i.$slots, "default", {}, void 0, !0)
               ]),
               _: 3
             }),
-            t.$slots.actions ? (n(), d(A, {
+            i.$slots.actions ? (s(), r(T, {
               key: 1,
               align: "right",
               class: "ns-dialog__actions"
             }, {
-              default: l(() => [
-                r(t.$slots, "actions", {}, void 0, !0)
+              default: o(() => [
+                l(i.$slots, "actions", {}, void 0, !0)
               ]),
               _: 3
-            })) : p("", !0)
+            })) : b("", !0)
           ]),
           _: 3
         })
       ]),
       _: 3
-    }, 16, ["model-value", "persistent", "no-backdrop-dismiss"]));
+    }, 16, ["model-value", "persistent", "no-backdrop-dismiss", "aria-labelledby"]));
   }
-}), _e = /* @__PURE__ */ f(he, [["__scopeId", "data-v-9bff0f12"]]), $e = /* @__PURE__ */ u({
+}), Ha = /* @__PURE__ */ u(We, [["__scopeId", "data-v-4fca48ca"]]), Xe = /* @__PURE__ */ n({
   __name: "NsBanner",
   props: {
     type: { default: "info" },
     dense: { type: Boolean, default: !1 },
     rounded: { type: Boolean, default: !0 }
   },
-  setup(e) {
-    return (t, o) => (n(), d(te, i(t.$attrs, {
-      class: ["ns-banner", `ns-banner--${e.type}`],
-      dense: e.dense,
-      rounded: e.rounded
-    }), k({
-      default: l(() => [
-        r(t.$slots, "default", {}, void 0, !0)
+  setup(t) {
+    const e = t, a = v(
+      () => e.type === "error" || e.type === "warning" ? "alert" : "status"
+    ), i = v(
+      () => e.type === "error" || e.type === "warning" ? "assertive" : "polite"
+    );
+    return (c, m) => (s(), r(ae, d(c.$attrs, {
+      class: ["ns-banner", `ns-banner--${t.type}`],
+      dense: t.dense,
+      rounded: t.rounded,
+      role: a.value,
+      "aria-live": i.value
+    }), I({
+      default: o(() => [
+        l(c.$slots, "default", {}, void 0, !0)
       ]),
       _: 2
     }, [
-      t.$slots.avatar ? {
+      c.$slots.avatar ? {
         name: "avatar",
-        fn: l(() => [
-          r(t.$slots, "avatar", {}, void 0, !0)
+        fn: o(() => [
+          l(c.$slots, "avatar", {}, void 0, !0)
         ]),
         key: "0"
       } : void 0,
-      t.$slots.action ? {
+      c.$slots.action ? {
         name: "action",
-        fn: l(() => [
-          r(t.$slots, "action", {}, void 0, !0)
+        fn: o(() => [
+          l(c.$slots, "action", {}, void 0, !0)
         ]),
         key: "1"
       } : void 0
-    ]), 1040, ["class", "dense", "rounded"]));
+    ]), 1040, ["class", "dense", "rounded", "role", "aria-live"]));
   }
-}), et = /* @__PURE__ */ f($e, [["__scopeId", "data-v-35ed7ae7"]]), ke = /* @__PURE__ */ u({
+}), ja = /* @__PURE__ */ u(Xe, [["__scopeId", "data-v-18ebd6f5"]]), xe = /* @__PURE__ */ n({
   __name: "NsAvatar",
   props: {
     size: { default: "md" },
     color: { default: "primary" },
     textColor: { default: "white" },
     rounded: { type: Boolean, default: !1 },
-    square: { type: Boolean, default: !1 }
+    square: { type: Boolean, default: !1 },
+    ariaLabel: { default: void 0 }
   },
-  setup(e) {
-    const t = {
+  setup(t) {
+    const e = {
       sm: "32px",
       md: "48px",
       lg: "64px",
       xl: "96px"
-    }, o = e, a = T(() => t[o.size] ?? o.size);
-    return (s, c) => (n(), d(oe, i(s.$attrs, {
-      size: a.value,
-      color: e.color,
-      "text-color": e.textColor,
-      rounded: e.rounded,
-      square: e.square,
+    }, a = t, i = v(() => e[a.size] ?? a.size);
+    return (c, m) => (s(), r(se, d(c.$attrs, {
+      size: i.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,
       class: "ns-avatar"
     }), {
-      default: l(() => [
-        r(s.$slots, "default", {}, void 0, !0)
+      default: o(() => [
+        l(c.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
-    }, 16, ["size", "color", "text-color", "rounded", "square"]));
+    }, 16, ["size", "color", "text-color", "rounded", "square", "aria-label", "aria-hidden", "role"]));
   }
-}), tt = /* @__PURE__ */ f(ke, [["__scopeId", "data-v-e4df869f"]]), Be = /* @__PURE__ */ u({
+}), Za = /* @__PURE__ */ u(xe, [["__scopeId", "data-v-6a1b44b8"]]), et = /* @__PURE__ */ n({
   __name: "NsChip",
   props: {
     color: { default: "primary" },
@@ -424,44 +487,47 @@ const Ge = /* @__PURE__ */ u({
     clickable: { type: Boolean, default: !1 }
   },
   emits: ["remove"],
-  setup(e) {
-    return (t, o) => (n(), d(ae, i(t.$attrs, {
-      color: e.color,
-      "text-color": e.textColor,
-      outline: e.outline,
-      dense: e.dense,
-      removable: e.removable,
-      clickable: e.clickable,
+  setup(t) {
+    return (e, a) => (s(), r(oe, d(e.$attrs, {
+      color: t.color,
+      "text-color": t.textColor,
+      outline: t.outline,
+      dense: t.dense,
+      removable: t.removable,
+      clickable: t.clickable,
       class: "ns-chip",
-      onRemove: o[0] || (o[0] = (a) => t.$emit("remove"))
+      onRemove: a[0] || (a[0] = (i) => e.$emit("remove"))
     }), {
-      default: l(() => [
-        r(t.$slots, "default", {}, void 0, !0)
+      default: o(() => [
+        l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16, ["color", "text-color", "outline", "dense", "removable", "clickable"]));
   }
-}), ot = /* @__PURE__ */ f(Be, [["__scopeId", "data-v-1a2191f1"]]), Ne = /* @__PURE__ */ u({
+}), Ka = /* @__PURE__ */ u(et, [["__scopeId", "data-v-1a2191f1"]]), tt = /* @__PURE__ */ n({
   __name: "NsList",
   props: {
     bordered: { type: Boolean, default: !1 },
     separator: { type: Boolean, default: !0 },
-    dense: { type: Boolean, default: !1 }
+    dense: { type: Boolean, default: !1 },
+    ariaLabel: { default: void 0 }
   },
-  setup(e) {
-    return (t, o) => (n(), d(le, i(t.$attrs, {
-      bordered: e.bordered,
-      separator: e.separator,
-      dense: e.dense,
+  setup(t) {
+    return (e, a) => (s(), r(re, d(e.$attrs, {
+      bordered: t.bordered,
+      separator: t.separator,
+      dense: t.dense,
+      "aria-label": t.ariaLabel,
+      role: "list",
       class: "ns-list"
     }), {
-      default: l(() => [
-        r(t.$slots, "default", {}, void 0, !0)
+      default: o(() => [
+        l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
-    }, 16, ["bordered", "separator", "dense"]));
+    }, 16, ["bordered", "separator", "dense", "aria-label"]));
   }
-}), at = /* @__PURE__ */ f(Ne, [["__scopeId", "data-v-b778ff3f"]]), Se = /* @__PURE__ */ u({
+}), Ga = /* @__PURE__ */ u(tt, [["__scopeId", "data-v-65aec20e"]]), at = /* @__PURE__ */ n({
   __name: "NsTooltip",
   props: {
     delay: { default: 300 },
@@ -469,30 +535,407 @@ const Ge = /* @__PURE__ */ u({
     anchor: { default: "bottom middle" },
     self: { default: "top middle" }
   },
-  setup(e) {
-    return (t, o) => (n(), d(se, i(t.$attrs, {
-      delay: e.delay,
-      offset: e.offset,
-      anchor: e.anchor,
-      self: e.self,
+  setup(t) {
+    return (e, a) => (s(), r(le, d(e.$attrs, {
+      delay: t.delay,
+      offset: t.offset,
+      anchor: t.anchor,
+      self: t.self,
       class: "ns-tooltip"
     }), {
-      default: l(() => [
-        r(t.$slots, "default", {}, void 0, !0)
+      default: o(() => [
+        l(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 16, ["delay", "offset", "anchor", "self"]));
   }
-}), lt = /* @__PURE__ */ f(Se, [["__scopeId", "data-v-9cb6af8f"]]);
-function st(e = {}) {
-  const { locale: t = B } = e;
+}), Ja = /* @__PURE__ */ u(at, [["__scopeId", "data-v-9cb6af8f"]]), st = /* @__PURE__ */ n({
+  __name: "NsBadge",
+  setup(t) {
+    return (e, a) => (s(), r(ne, d(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({
+  __name: "NsBreadcrumbs",
+  setup(t) {
+    return (e, a) => (s(), r(de, d(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({
+  __name: "NsBreadcrumbElement",
+  setup(t) {
+    return (e, a) => (s(), r(ue, d(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({
+  __name: "NsButtonToggle",
+  props: {
+    modelValue: { default: void 0 },
+    options: { default: () => [] }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: e }) {
+    const a = t, i = e, c = v({
+      get: () => a.modelValue,
+      set: (m) => i("update:modelValue", m)
+    });
+    return (m, f) => (s(), r(ie, d(m.$attrs, {
+      modelValue: c.value,
+      "onUpdate:modelValue": f[0] || (f[0] = (_) => c.value = _),
+      options: t.options,
+      class: "ns-button-toggle"
+    }), {
+      default: o(() => [
+        l(m.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 16, ["modelValue", "options"]));
+  }
+}), xa = /* @__PURE__ */ u(lt, [["__scopeId", "data-v-93652c3e"]]), nt = /* @__PURE__ */ n({
+  __name: "NsCardActions",
+  setup(t) {
+    return (e, a) => (s(), r(T, d(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({
+  __name: "NsCardSection",
+  setup(t) {
+    return (e, a) => (s(), r($, d(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({
+  __name: "NsFooter",
+  setup(t) {
+    return (e, a) => (s(), r(ce, d(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({
+  __name: "NsHeader",
+  setup(t) {
+    return (e, a) => (s(), r(me, d(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({
+  __name: "NsIcon",
+  setup(t) {
+    return (e, a) => (s(), r(fe, d(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({
+  __name: "NsImage",
+  setup(t) {
+    return (e, a) => (s(), r(pe, d(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({
+  __name: "NsInnerLoading",
+  setup(t) {
+    return (e, a) => (s(), r(_e, d(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({
+  __name: "NsItem",
+  setup(t) {
+    return (e, a) => (s(), r(ve, d(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({
+  __name: "NsItemLabel",
+  setup(t) {
+    return (e, a) => (s(), r(be, d(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({
+  __name: "NsItemSection",
+  setup(t) {
+    return (e, a) => (s(), r($e, d(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({
+  __name: "NsLayout",
+  setup(t) {
+    return (e, a) => (s(), r(ge, d(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({
+  __name: "NsLinearProgress",
+  setup(t) {
+    return (e, a) => (s(), r(Ne, d(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({
+  __name: "NsMenu",
+  setup(t) {
+    return (e, a) => (s(), r(ye, d(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({
+  __name: "NsPage",
+  setup(t) {
+    return (e, a) => (s(), r(he, d(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({
+  __name: "NsPageContainer",
+  setup(t) {
+    return (e, a) => (s(), r(Qe, d(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({
+  __name: "NsPagination",
+  props: {
+    modelValue: { default: 1 },
+    max: { default: 1 }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: e }) {
+    const a = t, i = e, c = v({
+      get: () => a.modelValue,
+      set: (m) => i("update:modelValue", m)
+    });
+    return (m, f) => (s(), r(Ie, d(m.$attrs, {
+      modelValue: c.value,
+      "onUpdate:modelValue": f[0] || (f[0] = (_) => c.value = _),
+      max: t.max,
+      class: "ns-pagination"
+    }), {
+      default: o(() => [
+        l(m.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 16, ["modelValue", "max"]));
+  }
+}), _s = /* @__PURE__ */ u(ht, [["__scopeId", "data-v-12fa9287"]]), Qt = /* @__PURE__ */ n({
+  __name: "NsSeparator",
+  setup(t) {
+    return (e, a) => (s(), r(Te, d(e.$attrs, { class: "ns-separator" }), null, 16));
+  }
+}), vs = /* @__PURE__ */ u(Qt, [["__scopeId", "data-v-0c2b2ac1"]]), It = /* @__PURE__ */ n({
+  __name: "NsSpace",
+  setup(t) {
+    return (e, a) => (s(), r(Be, d(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({
+  __name: "NsSpinner",
+  setup(t) {
+    return (e, a) => (s(), r(Se, d(e.$attrs, { class: "ns-spinner" }), null, 16));
+  }
+}), $s = /* @__PURE__ */ u(Tt, [["__scopeId", "data-v-5b99a17b"]]), Bt = /* @__PURE__ */ n({
+  __name: "NsSpinnerDots",
+  setup(t) {
+    return (e, a) => (s(), r(D, d(e.$attrs, { class: "ns-spinner-dots" }), null, 16));
+  }
+}), gs = /* @__PURE__ */ u(Bt, [["__scopeId", "data-v-20a70106"]]), St = /* @__PURE__ */ n({
+  __name: "NsTab",
+  setup(t) {
+    return (e, a) => (s(), r(Ce, d(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({
+  __name: "NsTable",
+  props: {
+    rows: { default: () => [] }
+  },
+  setup(t) {
+    return (e, a) => (s(), r(Ve, d(e.$attrs, {
+      rows: t.rows,
+      class: "ns-table"
+    }), {
+      default: o(() => [
+        l(e.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 16, ["rows"]));
+  }
+}), ys = /* @__PURE__ */ u(Ct, [["__scopeId", "data-v-a45d30cf"]]), Vt = /* @__PURE__ */ n({
+  __name: "NsTableCell",
+  setup(t) {
+    return (e, a) => (s(), r(ke, d(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({
+  __name: "NsTabPanel",
+  props: {
+    name: {}
+  },
+  setup(t) {
+    return (e, a) => (s(), r(Le, d(e.$attrs, {
+      name: t.name,
+      class: "ns-tab-panel"
+    }), {
+      default: o(() => [
+        l(e.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 16, ["name"]));
+  }
+}), Qs = /* @__PURE__ */ u(kt, [["__scopeId", "data-v-d8f64358"]]), Lt = /* @__PURE__ */ n({
+  __name: "NsTabPanels",
+  props: {
+    modelValue: { default: void 0 }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: e }) {
+    const a = t, i = e, c = v({
+      get: () => a.modelValue,
+      set: (m) => i("update:modelValue", m)
+    });
+    return (m, f) => (s(), r(Pe, d(m.$attrs, {
+      modelValue: c.value,
+      "onUpdate:modelValue": f[0] || (f[0] = (_) => c.value = _),
+      class: "ns-tab-panels"
+    }), {
+      default: o(() => [
+        l(m.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 16, ["modelValue"]));
+  }
+}), Is = /* @__PURE__ */ u(Lt, [["__scopeId", "data-v-dec8ab0f"]]), Pt = /* @__PURE__ */ n({
+  __name: "NsTabs",
+  setup(t) {
+    return (e, a) => (s(), r(we, d(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({
+  __name: "NsTimeline",
+  setup(t) {
+    return (e, a) => (s(), r(Ee, d(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({
+  __name: "NsTimelineEntry",
+  setup(t) {
+    return (e, a) => (s(), r(Ae, d(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({
+  __name: "NsToolbar",
+  setup(t) {
+    return (e, a) => (s(), r(De, d(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({
+  __name: "NsToolbarTitle",
+  setup(t) {
+    return (e, a) => (s(), r(ze, d(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;
   return {
-    install(o) {
-      o.provide(N, t);
+    install(a) {
+      a.provide(S, e);
     }
   };
 }
-const Ve = {
+const zt = {
   primary: "#3b82f6",
   // PLACEHOLDER — matches --ns-color-primary
   secondary: "#8b5cf6",
@@ -512,20 +955,20 @@ const Ve = {
   warning: "#f59e0b"
   // PLACEHOLDER — matches --ns-color-warning
 };
-function nt(e = {}) {
-  const { brand: t = {}, plugins: o = {}, ...a } = e;
+function Ls(t = {}) {
+  const { brand: e = {}, plugins: a = {}, ...i } = t;
   return {
     config: {
       brand: {
-        ...Ve,
-        ...t
+        ...zt,
+        ...e
       }
     },
-    plugins: o,
-    ...a
+    plugins: a,
+    ...i
   };
 }
-const rt = {
+const Ps = {
   common: {
     loading: "Chargement…",
     retry: "Réessayer",
@@ -562,98 +1005,199 @@ const rt = {
     tooLong: "Trop long"
   }
 };
-function dt(e, t) {
-  const o = ue();
-  return T(() => {
-    const a = e();
-    if (a != null) return a;
-    const s = t.split(".");
-    let c = o;
-    for (const v of s)
-      c = c[v];
-    return c;
+function ws(t, e) {
+  const a = Re();
+  return v(() => {
+    const i = t();
+    if (i != null) return i;
+    const c = e.split(".");
+    let m = a;
+    for (const f of c)
+      m = m[f];
+    return m;
   });
 }
-const h = "ns-dark-mode";
-function ut() {
-  const e = I(!1), t = I("system");
-  let o = null, a = null;
-  function s(m) {
-    if (e.value = m, typeof document < "u") {
-      const y = document.documentElement;
-      y.classList.toggle("dark", m), y.setAttribute("data-theme", m ? "dark" : "light");
+const y = "ns-dark-mode";
+function Es() {
+  const t = k(!1), e = k("system");
+  let a = null, i = () => {
+  };
+  function c(p) {
+    if (t.value = p, typeof document < "u") {
+      const g = document.documentElement;
+      g.classList.toggle("dark", p), g.setAttribute("data-theme", p ? "dark" : "light");
     }
   }
-  function c() {
+  function m() {
     return typeof window > "u" ? !1 : window.matchMedia("(prefers-color-scheme: dark)").matches;
   }
-  function v() {
+  function f() {
     if (typeof localStorage > "u") return null;
-    const m = localStorage.getItem(h);
-    return m === "true" ? !0 : m === "false" ? !1 : null;
+    const p = localStorage.getItem(y);
+    return p === "true" ? !0 : p === "false" ? !1 : null;
   }
-  function S(m) {
-    typeof localStorage < "u" && localStorage.setItem(h, String(m));
+  function _(p) {
+    typeof localStorage < "u" && localStorage.setItem(y, String(p));
   }
-  function D() {
-    typeof localStorage < "u" && localStorage.removeItem(h);
+  function M() {
+    typeof localStorage < "u" && localStorage.removeItem(y);
+  }
+  function C() {
+    e.value = "user", _(!0), c(!0);
   }
   function V() {
-    t.value = "user", S(!0), s(!0);
+    e.value = "user", _(!1), c(!1);
   }
-  function C() {
-    t.value = "user", S(!1), s(!1);
+  function F() {
+    t.value ? V() : C();
   }
-  function P() {
-    e.value ? C() : V();
+  function q() {
+    M(), e.value = "system", c(m());
   }
   function R() {
-    D(), t.value = "system", s(c());
-  }
-  function O() {
-    const m = v();
-    m !== null ? (t.value = "storage", s(m)) : (t.value = "system", s(c())), typeof window < "u" && (o = window.matchMedia("(prefers-color-scheme: dark)"), a = (y) => {
-      v() === null && (t.value = "system", s(y.matches));
-    }, o.addEventListener("change", a));
+    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) => {
+      f() === null && (e.value = "system", c(g.matches));
+    }, a.addEventListener("change", i));
   }
-  return Z(O), G(() => {
-    o && a && o.removeEventListener("change", a);
+  return K(R), G(() => {
+    a?.removeEventListener("change", i);
   }), {
-    isDark: w(e),
-    source: w(t),
-    enable: V,
-    disable: C,
-    toggle: P,
-    useSystem: R
+    isDark: L(t),
+    source: L(e),
+    enable: C,
+    disable: V,
+    toggle: F,
+    useSystem: q
   };
 }
-function it(e, t = document.documentElement) {
-  return getComputedStyle(t).getPropertyValue(e).trim();
+function As(t, e = document.documentElement) {
+  return getComputedStyle(e).getPropertyValue(t).trim();
+}
+const Mt = {
+  // Existing (fully styled) components
+  QAvatar: "NsAvatar",
+  QBanner: "NsBanner",
+  QBtn: "NsButton",
+  QCard: "NsCard",
+  QCheckbox: "NsCheckbox",
+  QChip: "NsChip",
+  QDialog: "NsDialog",
+  QForm: "NsForm",
+  QInput: "NsInput",
+  QList: "NsList",
+  QSelect: "NsSelect",
+  QSkeleton: "NsSkeleton",
+  QToggle: "NsToggle",
+  QTooltip: "NsTooltip",
+  // Placeholder wrapper components
+  QBadge: "NsBadge",
+  QBreadcrumbs: "NsBreadcrumbs",
+  QBreadcrumbsEl: "NsBreadcrumbElement",
+  QBtnToggle: "NsButtonToggle",
+  QCardActions: "NsCardActions",
+  QCardSection: "NsCardSection",
+  QFooter: "NsFooter",
+  QHeader: "NsHeader",
+  QIcon: "NsIcon",
+  QImg: "NsImage",
+  QInnerLoading: "NsInnerLoading",
+  QItem: "NsItem",
+  QItemLabel: "NsItemLabel",
+  QItemSection: "NsItemSection",
+  QLayout: "NsLayout",
+  QLinearProgress: "NsLinearProgress",
+  QMenu: "NsMenu",
+  QPage: "NsPage",
+  QPageContainer: "NsPageContainer",
+  QPagination: "NsPagination",
+  QSeparator: "NsSeparator",
+  QSpace: "NsSpace",
+  QSpinner: "NsSpinner",
+  QSpinnerDots: "NsSpinnerDots",
+  QTab: "NsTab",
+  QTable: "NsTable",
+  QTabPanel: "NsTabPanel",
+  QTabPanels: "NsTabPanels",
+  QTabs: "NsTabs",
+  QTd: "NsTableCell",
+  QTimeline: "NsTimeline",
+  QTimelineEntry: "NsTimelineEntry",
+  QToolbar: "NsToolbar",
+  QToolbarTitle: "NsToolbarTitle"
+}, Ft = Object.fromEntries(
+  Object.entries(Mt).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]) => ({
+    element: t,
+    message: `Use <${e}> from @nonsuch/components instead of <${t}>.`
+  }));
 }
 export {
-  tt as NsAvatar,
-  et as NsBanner,
-  Ke as NsButton,
-  Ye as NsCard,
-  We as NsCheckbox,
-  ot as NsChip,
-  _e as NsDialog,
-  xe as NsForm,
-  He as NsInput,
-  at as NsList,
-  N as NsLocaleKey,
-  Je as NsSelect,
-  Ze as NsSkeleton,
-  Ge as NsThemeProvider,
-  Xe as NsToggle,
-  lt as NsTooltip,
-  st as createNonsuch,
-  nt as createQuasarConfig,
-  it as getToken,
+  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,
-  rt as nsLocaleFrCA,
-  de as provideNsLocale,
-  ut as useNsDarkMode,
-  dt as useNsDefault,
-  ue as useNsLocale
+  Ps as nsLocaleFrCA,
+  Ft as nsTemplateTagManifest,
+  qe as provideNsLocale,
+  Es as useNsDarkMode,
+  ws as useNsDefault,
+  Re as useNsLocale
 };