@nonsuch/component-library 0.5.0 → 0.6.0

package/dist/nonsuch-components.js

@@ -1,22 +1,22 @@
-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 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 F from "quasar/src/components/btn/QBtn.js";
+import { defineComponent as i, openBlock as n, createBlock as d, mergeProps as c, withCtx as s, renderSlot as r, createVNode as y, unref as U, provide as j, inject as K, createSlots as N, renderList as E, normalizeProps as z, guardReactiveProps as T, useId as k, createElementVNode as A, toDisplayString as B, createElementBlock as Z, createCommentVNode as v, computed as g, ref as L, onMounted as G, onUnmounted as H, readonly as Q } from "vue";
+import Y from "quasar/src/components/spinner/QSpinnerDots.js";
+import J from "quasar/src/components/skeleton/QSkeleton.js";
+import W from "quasar/src/components/input/QInput.js";
+import h from "quasar/src/components/card/QCardSection.js";
+import q from "quasar/src/components/card/QCardActions.js";
+import D from "quasar/src/components/card/QCard.js";
+import X from "quasar/src/components/select/QSelect.js";
+import x from "quasar/src/components/checkbox/QCheckbox.js";
+import _ 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 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 le from "quasar/src/components/chip/QChip.js";
+import se from "quasar/src/components/item/QList.js";
+import ne from "quasar/src/components/tooltip/QTooltip.js";
+const re = /* @__PURE__ */ i({
   __name: "NsButton",
   props: {
     color: { default: "primary" },
@@ -27,32 +27,33 @@ const ne = /* @__PURE__ */ u({
     loading: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (t, o) => (n(), d(M, i(t.$attrs, {
+    return (t, a) => (n(), d(F, c(t.$attrs, {
       color: e.color,
       size: e.size,
       unelevated: e.unelevated,
       "no-caps": e.noCaps,
       rounded: e.rounded,
       loading: e.loading,
+      "aria-busy": e.loading,
       class: "ns-button"
     }), {
-      loading: l(() => [
+      loading: s(() => [
         r(t.$slots, "loading", {}, () => [
-          g(F(H), { color: "white" })
+          y(U(Y), { color: "white" })
         ], !0)
       ]),
-      default: l(() => [
+      default: s(() => [
         r(t.$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({
+  const a = e.__vccOpts || e;
+  for (const [o, l] of t)
+    a[o] = l;
+  return a;
+}, Ze = /* @__PURE__ */ f(re, [["__scopeId", "data-v-59b40e5f"]]), de = /* @__PURE__ */ i({
   __name: "NsSkeleton",
   props: {
     type: { default: "rect" },
@@ -63,17 +64,18 @@ const ne = /* @__PURE__ */ u({
     height: { default: void 0 }
   },
   setup(e) {
-    return (t, o) => (n(), d(Y, i(t.$attrs, {
+    return (t, a) => (n(), d(J, c(t.$attrs, {
       type: e.type,
       animation: e.animation,
       square: e.square,
       bordered: e.bordered,
       width: e.width,
       height: e.height,
+      "aria-hidden": "true",
       class: "ns-skeleton"
     }), null, 16, ["type", "animation", "square", "bordered", "width", "height"]));
   }
-}), Ze = /* @__PURE__ */ f(re, [["__scopeId", "data-v-62627927"]]), B = {
+}), Ge = /* @__PURE__ */ f(de, [["__scopeId", "data-v-dfd40b8a"]]), S = {
   common: {
     loading: "Loading…",
     retry: "Retry",
@@ -109,22 +111,22 @@ const ne = /* @__PURE__ */ u({
     tooShort: "Too short",
     tooLong: "Too long"
   }
-}, N = /* @__PURE__ */ Symbol("ns-locale");
-function de(e) {
-  U(N, e);
+}, V = /* @__PURE__ */ Symbol("ns-locale");
+function ie(e) {
+  j(V, e);
 }
 function ue() {
-  return j(N, B);
+  return K(V, S);
 }
-const Ge = /* @__PURE__ */ u({
+const He = /* @__PURE__ */ i({
   __name: "NsThemeProvider",
   props: {
-    locale: { default: () => B }
+    locale: { default: () => S }
   },
   setup(e) {
-    return de(e.locale), (o, a) => r(o.$slots, "default");
+    return ie(e.locale), (a, o) => r(a.$slots, "default");
   }
-}), ie = /* @__PURE__ */ u({
+}), ce = /* @__PURE__ */ i({
   __name: "NsInput",
   props: {
     label: { default: void 0 },
@@ -135,27 +137,27 @@ const Ge = /* @__PURE__ */ u({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (t, o) => (n(), d(J, i(t.$attrs, {
+    return (t, a) => (n(), d(W, c(t.$attrs, {
       "model-value": e.modelValue,
       label: e.label,
       outlined: e.outlined,
       dense: e.dense,
       rules: e.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] = (o) => t.$emit("update:modelValue", o))
+    }), N({ _: 2 }, [
+      E(t.$slots, (o, l) => ({
+        name: l,
+        fn: s((u) => [
+          r(t.$slots, l, z(T(u ?? {})), void 0, !0)
         ])
       }))
     ]), 1040, ["model-value", "label", "outlined", "dense", "rules"]));
   }
-}), He = /* @__PURE__ */ f(ie, [["__scopeId", "data-v-7ebf3284"]]), fe = { class: "text-h6" }, ce = {
+}), Ye = /* @__PURE__ */ f(ce, [["__scopeId", "data-v-7ebf3284"]]), fe = { class: "text-h6" }, me = {
   key: 0,
   class: "text-subtitle2 text-grey"
-}, me = /* @__PURE__ */ u({
+}, ve = /* @__PURE__ */ i({
   __name: "NsCard",
   props: {
     title: { default: void 0 },
@@ -163,42 +165,46 @@ const Ge = /* @__PURE__ */ u({
     flat: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (t, o) => (n(), d(q, i(t.$attrs, {
-      class: ["ns-card", { "ns-card--flat": e.flat }]
+    const t = `ns-card-header-${k()}`;
+    return (a, o) => (n(), d(D, c(a.$attrs, {
+      class: ["ns-card", { "ns-card--flat": e.flat }],
+      role: e.title || a.$slots.header ? "region" : void 0,
+      "aria-labelledby": e.title || a.$slots.header ? t : void 0
     }), {
-      default: l(() => [
-        e.title || t.$slots.header ? (n(), d(b, {
+      default: s(() => [
+        e.title || a.$slots.header ? (n(), d(h, {
           key: 0,
+          id: t,
           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: s(() => [
+            r(a.$slots, "header", {}, () => [
+              A("div", fe, B(e.title), 1),
+              e.subtitle ? (n(), Z("div", me, B(e.subtitle), 1)) : v("", !0)
             ], !0)
           ]),
           _: 3
-        })) : p("", !0),
-        g(b, null, {
-          default: l(() => [
-            r(t.$slots, "default", {}, void 0, !0)
+        })) : v("", !0),
+        y(h, null, {
+          default: s(() => [
+            r(a.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
         }),
-        t.$slots.actions ? (n(), d(A, {
+        a.$slots.actions ? (n(), d(q, {
           key: 1,
           align: "right"
         }, {
-          default: l(() => [
-            r(t.$slots, "actions", {}, void 0, !0)
+          default: s(() => [
+            r(a.$slots, "actions", {}, void 0, !0)
           ]),
           _: 3
-        })) : p("", !0)
+        })) : v("", !0)
       ]),
       _: 3
-    }, 16, ["class"]));
+    }, 16, ["class", "role", "aria-labelledby"]));
   }
-}), Ye = /* @__PURE__ */ f(me, [["__scopeId", "data-v-41ecea50"]]), pe = /* @__PURE__ */ u({
+}), Je = /* @__PURE__ */ f(ve, [["__scopeId", "data-v-7769879a"]]), pe = /* @__PURE__ */ i({
   __name: "NsSelect",
   props: {
     label: { default: void 0 },
@@ -213,7 +219,7 @@ const Ge = /* @__PURE__ */ u({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (t, o) => (n(), d(W, i(t.$attrs, {
+    return (t, a) => (n(), d(X, c(t.$attrs, {
       "model-value": e.modelValue,
       label: e.label,
       options: e.options,
@@ -224,17 +230,17 @@ const Ge = /* @__PURE__ */ u({
       "emit-value": e.emitValue,
       "map-options": e.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] = (o) => t.$emit("update:modelValue", o))
+    }), N({ _: 2 }, [
+      E(t.$slots, (o, l) => ({
+        name: l,
+        fn: s((u) => [
+          r(t.$slots, l, z(T(u ?? {})), 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({
+}), We = /* @__PURE__ */ f(pe, [["__scopeId", "data-v-081cebe3"]]), be = /* @__PURE__ */ i({
   __name: "NsCheckbox",
   props: {
     label: { default: void 0 },
@@ -245,17 +251,17 @@ const Ge = /* @__PURE__ */ u({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (t, o) => (n(), d(X, i(t.$attrs, {
+    return (t, a) => (n(), d(x, c(t.$attrs, {
       "model-value": e.modelValue,
       label: e.label,
       color: e.color,
       dense: e.dense,
       disable: e.disable,
       class: "ns-checkbox",
-      "onUpdate:modelValue": o[0] || (o[0] = (a) => t.$emit("update:modelValue", a))
+      "onUpdate:modelValue": a[0] || (a[0] = (o) => t.$emit("update:modelValue", o))
     }), null, 16, ["model-value", "label", "color", "dense", "disable"]));
   }
-}), We = /* @__PURE__ */ f(ve, [["__scopeId", "data-v-2e481f8b"]]), ye = /* @__PURE__ */ u({
+}), Xe = /* @__PURE__ */ f(be, [["__scopeId", "data-v-2e481f8b"]]), ye = /* @__PURE__ */ i({
   __name: "NsToggle",
   props: {
     label: { default: void 0 },
@@ -266,36 +272,40 @@ const Ge = /* @__PURE__ */ u({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (t, o) => (n(), d(x, i(t.$attrs, {
+    return (t, a) => (n(), d(_, c(t.$attrs, {
       "model-value": e.modelValue,
       label: e.label,
       color: e.color,
       dense: e.dense,
       disable: e.disable,
+      role: "switch",
+      "aria-checked": e.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] = (o) => t.$emit("update:modelValue", o))
+    }), null, 16, ["model-value", "label", "color", "dense", "disable", "aria-checked"]));
   }
-}), Xe = /* @__PURE__ */ f(ye, [["__scopeId", "data-v-beb96bf2"]]), ge = /* @__PURE__ */ u({
+}), xe = /* @__PURE__ */ f(ye, [["__scopeId", "data-v-f8c90530"]]), ge = /* @__PURE__ */ i({
   __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, {
+    return (t, a) => (n(), d(ee, c(t.$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))
+      "aria-label": e.ariaLabel,
+      onSubmit: a[0] || (a[0] = (o) => t.$emit("submit", o)),
+      onValidationError: a[1] || (a[1] = (o) => t.$emit("validationError", o))
     }), {
-      default: l(() => [
+      default: s(() => [
         r(t.$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({
+}), _e = /* @__PURE__ */ f(ge, [["__scopeId", "data-v-e20d14ce"]]), he = { class: "text-h6" }, $e = /* @__PURE__ */ i({
   __name: "NsDialog",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -305,51 +315,62 @@ const Ge = /* @__PURE__ */ u({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (t, o) => (n(), d(ee, i(t.$attrs, {
+    const t = `ns-dialog-title-${k()}`, a = `ns-dialog-body-${k()}`;
+    return (o, l) => (n(), d(te, c(o.$attrs, {
       "model-value": e.modelValue,
       persistent: e.persistent,
       "no-backdrop-dismiss": e.noBackdropDismiss,
+      "aria-labelledby": e.title || o.$slots.header ? t : void 0,
+      "aria-describedby": a,
       class: "ns-dialog",
-      "onUpdate:modelValue": o[0] || (o[0] = (a) => t.$emit("update:modelValue", a))
+      "onUpdate:modelValue": l[0] || (l[0] = (u) => o.$emit("update:modelValue", u))
     }), {
-      default: l(() => [
-        g(q, { class: "ns-dialog__card" }, {
-          default: l(() => [
-            e.title || t.$slots.header ? (n(), d(b, {
+      default: s(() => [
+        y(D, {
+          class: "ns-dialog__card",
+          role: "dialog",
+          "aria-modal": !0
+        }, {
+          default: s(() => [
+            e.title || o.$slots.header ? (n(), d(h, {
               key: 0,
+              id: t,
               class: "ns-dialog__header"
             }, {
-              default: l(() => [
-                r(t.$slots, "header", {}, () => [
-                  L("div", be, $(e.title), 1)
+              default: s(() => [
+                r(o.$slots, "header", {}, () => [
+                  A("div", he, B(e.title), 1)
                 ], !0)
               ]),
               _: 3
-            })) : p("", !0),
-            g(b, { class: "ns-dialog__body" }, {
-              default: l(() => [
-                r(t.$slots, "default", {}, void 0, !0)
+            })) : v("", !0),
+            y(h, {
+              id: a,
+              class: "ns-dialog__body"
+            }, {
+              default: s(() => [
+                r(o.$slots, "default", {}, void 0, !0)
               ]),
               _: 3
             }),
-            t.$slots.actions ? (n(), d(A, {
+            o.$slots.actions ? (n(), d(q, {
               key: 1,
               align: "right",
               class: "ns-dialog__actions"
             }, {
-              default: l(() => [
-                r(t.$slots, "actions", {}, void 0, !0)
+              default: s(() => [
+                r(o.$slots, "actions", {}, void 0, !0)
               ]),
               _: 3
-            })) : p("", !0)
+            })) : v("", !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({
+}), et = /* @__PURE__ */ f($e, [["__scopeId", "data-v-4fca48ca"]]), ke = /* @__PURE__ */ i({
   __name: "NsBanner",
   props: {
     type: { default: "info" },
@@ -357,40 +378,48 @@ const Ge = /* @__PURE__ */ u({
     rounded: { type: Boolean, default: !0 }
   },
   setup(e) {
-    return (t, o) => (n(), d(te, i(t.$attrs, {
+    const t = e, a = g(
+      () => t.type === "error" || t.type === "warning" ? "alert" : "status"
+    ), o = g(
+      () => t.type === "error" || t.type === "warning" ? "assertive" : "polite"
+    );
+    return (l, u) => (n(), d(ae, c(l.$attrs, {
       class: ["ns-banner", `ns-banner--${e.type}`],
       dense: e.dense,
-      rounded: e.rounded
-    }), k({
-      default: l(() => [
-        r(t.$slots, "default", {}, void 0, !0)
+      rounded: e.rounded,
+      role: a.value,
+      "aria-live": o.value
+    }), N({
+      default: s(() => [
+        r(l.$slots, "default", {}, void 0, !0)
       ]),
       _: 2
     }, [
-      t.$slots.avatar ? {
+      l.$slots.avatar ? {
         name: "avatar",
-        fn: l(() => [
-          r(t.$slots, "avatar", {}, void 0, !0)
+        fn: s(() => [
+          r(l.$slots, "avatar", {}, void 0, !0)
         ]),
         key: "0"
       } : void 0,
-      t.$slots.action ? {
+      l.$slots.action ? {
         name: "action",
-        fn: l(() => [
-          r(t.$slots, "action", {}, void 0, !0)
+        fn: s(() => [
+          r(l.$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({
+}), tt = /* @__PURE__ */ f(ke, [["__scopeId", "data-v-18ebd6f5"]]), Be = /* @__PURE__ */ i({
   __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 = {
@@ -398,22 +427,25 @@ const Ge = /* @__PURE__ */ u({
       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,
+    }, a = e, o = g(() => t[a.size] ?? a.size);
+    return (l, u) => (n(), d(oe, c(l.$attrs, {
+      size: o.value,
       color: e.color,
       "text-color": e.textColor,
       rounded: e.rounded,
       square: e.square,
+      "aria-label": e.ariaLabel,
+      "aria-hidden": e.ariaLabel ? void 0 : "true",
+      role: e.ariaLabel ? "img" : void 0,
       class: "ns-avatar"
     }), {
-      default: l(() => [
-        r(s.$slots, "default", {}, void 0, !0)
+      default: s(() => [
+        r(l.$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({
+}), at = /* @__PURE__ */ f(Be, [["__scopeId", "data-v-6a1b44b8"]]), Ne = /* @__PURE__ */ i({
   __name: "NsChip",
   props: {
     color: { default: "primary" },
@@ -425,7 +457,7 @@ const Ge = /* @__PURE__ */ u({
   },
   emits: ["remove"],
   setup(e) {
-    return (t, o) => (n(), d(ae, i(t.$attrs, {
+    return (t, a) => (n(), d(le, c(t.$attrs, {
       color: e.color,
       "text-color": e.textColor,
       outline: e.outline,
@@ -433,35 +465,38 @@ const Ge = /* @__PURE__ */ u({
       removable: e.removable,
       clickable: e.clickable,
       class: "ns-chip",
-      onRemove: o[0] || (o[0] = (a) => t.$emit("remove"))
+      onRemove: a[0] || (a[0] = (o) => t.$emit("remove"))
     }), {
-      default: l(() => [
+      default: s(() => [
         r(t.$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({
+}), ot = /* @__PURE__ */ f(Ne, [["__scopeId", "data-v-1a2191f1"]]), Se = /* @__PURE__ */ i({
   __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, {
+    return (t, a) => (n(), d(se, c(t.$attrs, {
       bordered: e.bordered,
       separator: e.separator,
       dense: e.dense,
+      "aria-label": e.ariaLabel,
+      role: "list",
       class: "ns-list"
     }), {
-      default: l(() => [
+      default: s(() => [
         r(t.$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({
+}), lt = /* @__PURE__ */ f(Se, [["__scopeId", "data-v-65aec20e"]]), Ve = /* @__PURE__ */ i({
   __name: "NsTooltip",
   props: {
     delay: { default: 300 },
@@ -470,29 +505,29 @@ const Ge = /* @__PURE__ */ u({
     self: { default: "top middle" }
   },
   setup(e) {
-    return (t, o) => (n(), d(se, i(t.$attrs, {
+    return (t, a) => (n(), d(ne, c(t.$attrs, {
       delay: e.delay,
       offset: e.offset,
       anchor: e.anchor,
       self: e.self,
       class: "ns-tooltip"
     }), {
-      default: l(() => [
+      default: s(() => [
         r(t.$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;
+}), st = /* @__PURE__ */ f(Ve, [["__scopeId", "data-v-9cb6af8f"]]);
+function nt(e = {}) {
+  const { locale: t = S } = e;
   return {
-    install(o) {
-      o.provide(N, t);
+    install(a) {
+      a.provide(V, t);
     }
   };
 }
-const Ve = {
+const Ie = {
   primary: "#3b82f6",
   // PLACEHOLDER — matches --ns-color-primary
   secondary: "#8b5cf6",
@@ -512,20 +547,20 @@ const Ve = {
   warning: "#f59e0b"
   // PLACEHOLDER — matches --ns-color-warning
 };
-function nt(e = {}) {
-  const { brand: t = {}, plugins: o = {}, ...a } = e;
+function rt(e = {}) {
+  const { brand: t = {}, plugins: a = {}, ...o } = e;
   return {
     config: {
       brand: {
-        ...Ve,
+        ...Ie,
         ...t
       }
     },
-    plugins: o,
-    ...a
+    plugins: a,
+    ...o
   };
 }
-const rt = {
+const dt = {
   common: {
     loading: "Chargement…",
     retry: "Réessayer",
@@ -562,98 +597,99 @@ 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 it(e, t) {
+  const a = ue();
+  return g(() => {
+    const o = e();
+    if (o != null) return o;
+    const l = t.split(".");
+    let u = a;
+    for (const p of l)
+      u = u[p];
+    return u;
   });
 }
-const h = "ns-dark-mode";
+const $ = "ns-dark-mode";
 function ut() {
-  const e = I(!1), t = I("system");
-  let o = null, a = null;
-  function s(m) {
+  const e = L(!1), t = L("system");
+  let a = null, o = () => {
+  };
+  function l(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 b = document.documentElement;
+      b.classList.toggle("dark", m), b.setAttribute("data-theme", m ? "dark" : "light");
     }
   }
-  function c() {
+  function u() {
     return typeof window > "u" ? !1 : window.matchMedia("(prefers-color-scheme: dark)").matches;
   }
-  function v() {
+  function p() {
     if (typeof localStorage > "u") return null;
-    const m = localStorage.getItem(h);
+    const m = localStorage.getItem($);
     return m === "true" ? !0 : m === "false" ? !1 : null;
   }
-  function S(m) {
-    typeof localStorage < "u" && localStorage.setItem(h, String(m));
-  }
-  function D() {
-    typeof localStorage < "u" && localStorage.removeItem(h);
+  function I(m) {
+    typeof localStorage < "u" && localStorage.setItem($, String(m));
   }
-  function V() {
-    t.value = "user", S(!0), s(!0);
+  function P() {
+    typeof localStorage < "u" && localStorage.removeItem($);
   }
   function C() {
-    t.value = "user", S(!1), s(!1);
+    t.value = "user", I(!0), l(!0);
   }
-  function P() {
-    e.value ? C() : V();
+  function w() {
+    t.value = "user", I(!1), l(!1);
   }
   function R() {
-    D(), t.value = "system", s(c());
+    e.value ? w() : 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));
+    P(), t.value = "system", l(u());
+  }
+  function M() {
+    const m = p();
+    m !== null ? (t.value = "storage", l(m)) : (t.value = "system", l(u())), typeof window < "u" && (a = window.matchMedia("(prefers-color-scheme: dark)"), o = (b) => {
+      p() === null && (t.value = "system", l(b.matches));
+    }, a.addEventListener("change", o));
   }
-  return Z(O), G(() => {
-    o && a && o.removeEventListener("change", a);
+  return G(M), H(() => {
+    a?.removeEventListener("change", o);
   }), {
-    isDark: w(e),
-    source: w(t),
-    enable: V,
-    disable: C,
-    toggle: P,
-    useSystem: R
+    isDark: Q(e),
+    source: Q(t),
+    enable: C,
+    disable: w,
+    toggle: R,
+    useSystem: O
   };
 }
-function it(e, t = document.documentElement) {
+function ct(e, t = document.documentElement) {
   return getComputedStyle(t).getPropertyValue(e).trim();
 }
 export {
-  tt as NsAvatar,
-  et as NsBanner,
-  Ke as NsButton,
-  Ye as NsCard,
-  We as NsCheckbox,
+  at as NsAvatar,
+  tt as NsBanner,
+  Ze as NsButton,
+  Je as NsCard,
+  Xe 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,
-  B as nsLocaleEnCA,
-  rt as nsLocaleFrCA,
-  de as provideNsLocale,
+  et as NsDialog,
+  _e as NsForm,
+  Ye as NsInput,
+  lt as NsList,
+  V as NsLocaleKey,
+  We as NsSelect,
+  Ge as NsSkeleton,
+  He as NsThemeProvider,
+  xe as NsToggle,
+  st as NsTooltip,
+  nt as createNonsuch,
+  rt as createQuasarConfig,
+  ct as getToken,
+  S as nsLocaleEnCA,
+  dt as nsLocaleFrCA,
+  ie as provideNsLocale,
   ut as useNsDarkMode,
-  dt as useNsDefault,
+  it as useNsDefault,
   ue as useNsLocale
 };