@quidgest/ui 0.16.3 → 0.16.5

package/esm/components/QGrid/types.d.ts

@@ -0,0 +1,47 @@
+export type QContainerProps = {
+    /**
+     * If true, container spans full width, otherwise constrained by breakpoints.
+     */
+    fluid?: boolean;
+};
+export type QRowProps = {
+    /**
+     * Space between columns in pixels.
+     */
+    gutter?: number;
+    /**
+     * Horizontal alignment.
+     */
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+    /**
+     * Vertical alignment.
+     */
+    align?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';
+};
+export type QColProps = {
+    /**
+     * Number of columns (1–12) or 'auto'.
+     */
+    cols?: number | 'auto';
+    /**
+     * Small breakpoint columns.
+     */
+    sm?: number | 'auto';
+    /**
+     * Medium breakpoint columns.
+     */
+    md?: number | 'auto';
+    /**
+     * Large breakpoint columns.
+     */
+    lg?: number | 'auto';
+    /**
+     * Extra-large breakpoint columns.
+     */
+    xl?: number | 'auto';
+    /**
+     * Extra-extra-large breakpoint columns.
+     */
+    xxl?: number | 'auto';
+};
+//# sourceMappingURL=types.d.ts.map

package/esm/components/QGrid/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QGrid/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,MAAM,MAAM,SAAS,GAAG;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAEtE;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,GAAG,SAAS,CAAA;CAC3D,CAAA;AAED,MAAM,MAAM,SAAS,GAAG;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEtB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEpB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEpB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEpB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEpB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACrB,CAAA"}

package/esm/components/QList/QList.d.ts

@@ -33,6 +33,7 @@ type __VLS_PublicProps = {
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
+        default?(_: {}): any;
         item?(_: {
             item: import('./types').Item;
             element: HTMLLIElement | undefined;

package/esm/components/QList/QList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QList/QList.vue"],"names":[],"mappings":"AA6CA;AA6aC,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAKhD,KAAK,WAAW,GAAG,UAAU,CAAC;AAyN9B,iBAAS,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAIrD;AAaD;;;;;;GAMG;AACH,iBAAS,0BAA0B,IAAI,MAAM,CAO5C;AAED;;;;;;GAMG;AACH,iBAAS,yBAAyB,IAAI,MAAM,CAO3C;AAmCD;;;;;;;;GAQG;AACH,iBAAS,oBAAoB,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAuB7E;AAoDF,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAwIT,OAAO,IAA6B;;;;;YAbvB,GAAG;;;;YACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAxEL,GAAG,8CAE3B,GAAG,yBACH,GAAG,6DAEF,GAAG;;;;;;;;;;;;;;;;;EAoFb;AAwBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAlHa,GAAG,8CAE3B,GAAG,yBACH,GAAG,6DAEF,GAAG;;;;;;;;;;;;;;;OAwHZ,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QList/QList.vue"],"names":[],"mappings":"AA6CA;AAibC,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAMhD,KAAK,WAAW,GAAG,UAAU,CAAC;AAoN9B,iBAAS,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAIrD;AAaD;;;;;;GAMG;AACH,iBAAS,0BAA0B,IAAI,MAAM,CAO5C;AAED;;;;;;GAMG;AACH,iBAAS,yBAAyB,IAAI,MAAM,CAO3C;AAmCD;;;;;;;;GAQG;AACH,iBAAS,oBAAoB,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAuB7E;AA4DF,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAsIT,OAAO,IAA6B;;yBAdpB,GAAG;;;;YACN,GAAG;;;;YACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCApEb,GAAG,8CAE3B,GAAG,yBACH,GAAG,6DAEF,GAAG;;;;;;;;;;;;;;;;;EAgFL;AAsBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA5GK,GAAG,8CAE3B,GAAG,yBACH,GAAG,6DAEF,GAAG;;;;;;;;;;;;;;;OAkHJ,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QList/QList.vue.js

@@ -1,8 +1,9 @@
-import { defineComponent as N, mergeModels as _, useModel as X, ref as p, computed as D, createBlock as x, openBlock as d, resolveDynamicComponent as Y, normalizeClass as Z, withCtx as b, createElementBlock as M, Fragment as T, renderList as B, unref as E, renderSlot as U } from "vue";
-import { QListItemGroup as ee, QListItem as te } from "./index.js";
-const se = /* @__PURE__ */ N({
+import { defineComponent as X, mergeModels as D, useModel as Y, ref as p, computed as M, toRef as _, watch as Z, createBlock as y, openBlock as d, resolveDynamicComponent as ee, normalizeClass as te, withCtx as b, renderSlot as x, createElementBlock as q, Fragment as T, renderList as $, unref as E } from "vue";
+import { QListItemGroup as ne, QListItem as le } from "./index.js";
+import { useGroup as ie } from "../../composables/useGroup/index.js";
+const re = /* @__PURE__ */ X({
   __name: "QList",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ D({
     id: {},
     class: {},
     highlighted: {},
@@ -11,24 +12,27 @@ const se = /* @__PURE__ */ N({
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
     disabled: { type: Boolean },
-    selectable: { type: Boolean }
+    selectable: { type: Boolean },
+    multiple: { type: Boolean },
+    required: { type: Boolean }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ _(["click"], ["update:modelValue"]),
-  setup(y, { expose: $, emit: R }) {
-    const n = y, S = R, f = X(y, "modelValue"), v = p(!1), q = D(() => a.value.length > 1 ? "div" : "ul"), a = D(() => n.groups.length ? n.groups.filter(
+  emits: /* @__PURE__ */ D(["click"], ["update:modelValue"]),
+  setup(A, { expose: R, emit: G }) {
+    const n = A, O = G, f = Y(A, "modelValue"), v = p(!1), Q = M(() => a.value.length > 1 ? "div" : "ul"), a = M(() => n.groups.length ? n.groups.filter(
       (e) => {
         var t;
         return (t = n.items) == null ? void 0 : t.some((l) => l.group === e.id);
       }
-    ) : [{ id: "", title: "" }]), g = p(null), h = p(null);
-    function O(e) {
-      S("click", e);
-    }
-    function Q(e) {
-      f.value = e;
+    ) : [{ id: "", title: "" }]), { active: S } = ie({
+      active: f,
+      required: _(n, "required"),
+      multiple: _(n, "multiple")
+    }), g = p(null), h = p(null);
+    function U(e) {
+      O("click", e);
     }
     function j() {
       v.value = !0;
@@ -36,20 +40,20 @@ const se = /* @__PURE__ */ N({
     function z() {
       v.value = !1;
     }
-    function G(e) {
-      var s;
-      if (!n.items || (s = g.value) != null && s.contains(e.relatedTarget))
+    function H(e) {
+      var i;
+      if (!n.items || (i = g.value) != null && i.contains(e.relatedTarget))
         return;
       let t;
-      f.value ? t = n.items.findIndex((i) => i[n.itemValue] === f.value) : t = k();
+      f.value ? t = n.items.findIndex((s) => s[n.itemValue] === f.value) : t = I();
       const l = v.value;
-      u(t, l);
+      r(t, l);
     }
-    const I = p("");
-    let V;
-    function H(e) {
+    const k = p("");
+    let L;
+    function K(e) {
       var t;
-      switch (window.clearTimeout(V), ["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key) && e.preventDefault(), e.key) {
+      switch (window.clearTimeout(L), ["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key) && e.preventDefault(), e.key) {
         case "ArrowDown":
           m("next");
           break;
@@ -64,159 +68,165 @@ const se = /* @__PURE__ */ N({
           break;
       }
       if (/^[a-z]$/i.test(e.key)) {
-        I.value += e.key.toLowerCase();
+        k.value += e.key.toLowerCase();
         const l = ((t = n.items) == null ? void 0 : t.length) || 0;
-        for (let s = 0; s < l; s++)
-          if (n.items[s][n.itemLabel].toLowerCase().startsWith(I.value)) {
-            u(s);
+        for (let i = 0; i < l; i++)
+          if (n.items[i][n.itemLabel].toLowerCase().startsWith(k.value)) {
+            r(i);
             break;
           }
         e.preventDefault(), e.stopPropagation();
       }
-      V = window.setTimeout(function() {
-        I.value = "";
+      L = window.setTimeout(function() {
+        k.value = "";
       }, 500);
     }
     function m(e) {
       switch (e) {
         case "next":
         case "prev":
-          u(W(e));
+          r(J(e));
           break;
         case "first":
-          u(k());
+          r(I());
           break;
         case "last":
-          u(A());
+          r(C());
           break;
       }
     }
-    function u(e, t = !1) {
-      var s;
-      (s = o()[e]) == null || s.focus({ preventScroll: t });
+    function r(e, t = !1) {
+      var i;
+      (i = o()[e]) == null || i.focus({ preventScroll: t });
     }
     function o() {
       var t;
       const e = (t = g.value) == null ? void 0 : t.querySelectorAll("li");
       return e ? Array.from(e) : [];
     }
-    function K(e) {
+    function P(e) {
       return o()[e];
     }
-    function P() {
+    function W() {
       return o().indexOf(document.activeElement);
     }
-    function k() {
+    function I() {
       const e = o(), t = e.find((l) => w(l));
       return t ? e.indexOf(t) : -1;
     }
-    function A() {
+    function C() {
       const e = o(), t = [...e].reverse().find((l) => w(l));
       return t ? e.indexOf(t) : -1;
     }
-    function L(e, t, l) {
+    function V(e, t, l) {
       return t === "prev" && e <= 0 || t === "next" && e === l.length - 1;
     }
-    function W(e) {
-      const t = P();
-      return C(t, e);
+    function J(e) {
+      const t = W();
+      return F(t, e);
     }
-    function C(e, t) {
+    function F(e, t) {
       const l = o();
-      if (L(e, t, l))
+      if (V(e, t, l))
         return e;
-      let s = e + (t === "next" ? 1 : -1);
-      for (; !w(l[s]); ) {
-        if (L(s, t, l))
+      let i = e + (t === "next" ? 1 : -1);
+      for (; !w(l[i]); ) {
+        if (V(i, t, l))
           return e;
-        s += t === "next" ? 1 : -1;
+        i += t === "next" ? 1 : -1;
       }
-      return s;
+      return i;
     }
     function w(e) {
       return e.tabIndex === -2;
     }
-    function J(e) {
+    function N(e) {
       var t;
       return e ? (t = n.items) == null ? void 0 : t.filter((l) => l.group === e) : n.items;
     }
-    return $({
-      getItem: K,
-      getAdjacentItemIndex: C,
-      getFirstFocusableItemIndex: k,
-      getLastFocusableItemIndex: A
-    }), (e, t) => (d(), x(Y(q.value), {
+    return Z(
+      S,
+      (e) => {
+        f.value = e;
+      },
+      { deep: !0 }
+    ), R({
+      getItem: P,
+      getAdjacentItemIndex: F,
+      getFirstFocusableItemIndex: I,
+      getLastFocusableItemIndex: C
+    }), (e, t) => (d(), y(ee(Q.value), {
       id: n.id,
       ref_key: "listRef",
       ref: g,
-      class: Z(["q-list", { "q-list--disabled": n.disabled }, n.class]),
+      class: te(["q-list", { "q-list--disabled": n.disabled }, n.class]),
       role: "listbox",
       tabindex: n.disabled ? -1 : 0,
-      onFocus: G,
+      onFocus: H,
       onMousedown: j,
       onMouseup: z,
-      onKeydown: H
+      onKeydown: K
     }, {
       default: b(() => [
-        (d(!0), M(
-          T,
-          null,
-          B(a.value, (l, s) => (d(), x(E(ee), {
-            id: l.id,
-            key: l.id,
-            title: a.value.length === 1 ? void 0 : l.title
-          }, {
-            default: b(() => [
-              (d(!0), M(
-                T,
-                null,
-                B(J(l.id), (i, F) => (d(), x(E(te), {
-                  key: i[n.itemValue],
-                  ref_for: !0,
-                  ref_key: "listItemsRef",
-                  ref: h,
-                  "model-value": n.selectable && f.value === i[n.itemValue],
-                  value: i[n.itemValue],
-                  label: i[n.itemLabel],
-                  description: i.description,
-                  icon: i.icon,
-                  disabled: n.disabled || l.disabled || i.disabled,
-                  highlighted: n.highlighted === i[n.itemValue],
-                  selectable: n.selectable,
-                  onClick: () => O(i[n.itemValue]),
-                  "onUpdate:modelValue": () => Q(i[n.itemValue])
-                }, {
-                  append: b(() => {
-                    var r, c;
-                    return [
-                      U(e.$slots, "item.append", {
-                        item: i,
-                        element: (c = (r = h.value) == null ? void 0 : r[F + s * a.value.length]) == null ? void 0 : c.$el
-                      })
-                    ];
-                  }),
-                  default: b(() => {
-                    var r, c;
-                    return [
-                      U(e.$slots, "item", {
-                        item: i,
-                        element: (c = (r = h.value) == null ? void 0 : r[F + s * a.value.length]) == null ? void 0 : c.$el
-                      })
-                    ];
-                  }),
-                  _: 2
-                  /* DYNAMIC */
-                }, 1032, ["model-value", "value", "label", "description", "icon", "disabled", "highlighted", "selectable", "onClick", "onUpdate:modelValue"]))),
-                128
-                /* KEYED_FRAGMENT */
-              ))
-            ]),
-            _: 2
-            /* DYNAMIC */
-          }, 1032, ["id", "title"]))),
-          128
-          /* KEYED_FRAGMENT */
-        ))
+        x(e.$slots, "default", {}, () => [
+          (d(!0), q(
+            T,
+            null,
+            $(a.value, (l, i) => (d(), y(E(ne), {
+              id: l.id,
+              key: l.id,
+              title: a.value.length === 1 ? void 0 : l.title
+            }, {
+              default: b(() => [
+                (d(!0), q(
+                  T,
+                  null,
+                  $(N(l.id), (s, B) => (d(), y(E(le), {
+                    key: s[n.itemValue],
+                    ref_for: !0,
+                    ref_key: "listItemsRef",
+                    ref: h,
+                    value: s[n.itemValue],
+                    label: s[n.itemLabel],
+                    description: s.description,
+                    icon: s.icon,
+                    disabled: n.disabled || l.disabled || s.disabled,
+                    highlighted: n.highlighted === s[n.itemValue],
+                    selectable: n.selectable || n.multiple || s.selectable,
+                    onClick: () => U(s[n.itemValue])
+                  }, {
+                    append: b(() => {
+                      var u, c;
+                      return [
+                        x(e.$slots, "item.append", {
+                          item: s,
+                          element: (c = (u = h.value) == null ? void 0 : u[B + i * a.value.length]) == null ? void 0 : c.$el
+                        })
+                      ];
+                    }),
+                    default: b(() => {
+                      var u, c;
+                      return [
+                        x(e.$slots, "item", {
+                          item: s,
+                          element: (c = (u = h.value) == null ? void 0 : u[B + i * a.value.length]) == null ? void 0 : c.$el
+                        })
+                      ];
+                    }),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1032, ["value", "label", "description", "icon", "disabled", "highlighted", "selectable", "onClick"]))),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ]),
+              _: 2
+              /* DYNAMIC */
+            }, 1032, ["id", "title"]))),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ])
       ]),
       _: 3
       /* FORWARDED */
@@ -224,5 +234,5 @@ const se = /* @__PURE__ */ N({
   }
 });
 export {
-  se as default
+  re as default
 };

package/esm/components/QList/QListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QListItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QList/QListItem.vue"],"names":[],"mappings":"AAgDA;AAqGC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAMvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7C,KAAK,WAAW,GAAG,cAAc,CAAC;AA4CnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAkGT,OAAO,IAA6B;;yBAZrB,GAAG;yBACH,GAAG;wBACH,GAAG;;;;EAe/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;uFASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QListItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QList/QListItem.vue"],"names":[],"mappings":"AAiDA;AAyHC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAMvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAO7C,KAAK,WAAW,GAAG,cAAc,CAAC;AA6DnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAmGT,OAAO,IAA6B;;yBAZrB,GAAG;yBACH,GAAG;wBACH,GAAG;;;;EAe/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;uFASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QList/QListItem.vue.js

@@ -1,14 +1,15 @@
-import { defineComponent as g, mergeModels as p, useModel as q, createElementBlock as a, openBlock as i, withModifiers as B, normalizeClass as V, unref as o, renderSlot as d, createElementVNode as c, createCommentVNode as s, createBlock as u, createTextVNode as C, normalizeProps as f, mergeProps as _, toDisplayString as h, createVNode as N, guardReactiveProps as D } from "vue";
-import { DEFAULT_ICONS as E } from "./types.js";
-import { QIcon as r } from "../QIcon/index.js";
-import { useId as I } from "../../composables/uid.js";
-const M = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], P = { class: "q-list-item__container" }, w = { class: "q-list-item__content" }, S = {
+import { defineComponent as q, mergeModels as p, useModel as w, watch as B, createElementBlock as d, openBlock as o, withModifiers as V, normalizeClass as C, unref as s, renderSlot as c, createElementVNode as r, createCommentVNode as n, createBlock as f, createTextVNode as E, normalizeProps as h, mergeProps as _, toDisplayString as v, createVNode as I, guardReactiveProps as N } from "vue";
+import { DEFAULT_ICONS as D } from "./types.js";
+import { QIcon as m } from "../QIcon/index.js";
+import { useId as L } from "../../composables/uid.js";
+import { useGroupItem as M } from "../../composables/useGroup/index.js";
+const P = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Q = { class: "q-list-item__container" }, x = { class: "q-list-item__content" }, S = {
   key: 0,
   class: "q-list-item__description"
 }, T = {
   key: 0,
   class: "q-list-item__check-container"
-}, Q = /* @__PURE__ */ g({
+}, O = /* @__PURE__ */ q({
   __name: "QListItem",
   props: /* @__PURE__ */ p({
     value: {},
@@ -18,86 +19,99 @@ const M = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], P = { c
     highlighted: { type: Boolean },
     disabled: { type: Boolean },
     description: {},
-    icons: { default: () => E }
+    icons: { default: () => D }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ p(["click"], ["update:modelValue"]),
-  setup(m, { emit: k }) {
-    const e = m, b = k, l = q(m, "modelValue"), v = I();
-    function n() {
-      e.disabled || (b("click"), e.selectable && (l.value = !0));
+  setup(u, { emit: b }) {
+    const e = u, k = b, l = w(u, "modelValue"), y = L(), i = M(e.value);
+    if (!i)
+      throw new Error(
+        "QListItem: Failed to retrieve group item. Ensure the component is used within a QList context."
+      );
+    function a() {
+      e.disabled || (k("click"), e.selectable && (i == null || i.toggle()));
     }
-    function y(t) {
-      t.key === "Tab" && n(), (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), n());
+    function g(t) {
+      t.key === "Tab" && a(), (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), a());
     }
-    return (t, $) => (i(), a("li", {
-      id: o(v),
+    return B(
+      i.isActive,
+      (t) => {
+        l.value = t;
+      },
+      {
+        immediate: !0
+      }
+    ), (t, $) => (o(), d("li", {
+      id: s(y),
       "data-key": e.value,
       role: "option",
       tabindex: e.disabled ? void 0 : -2,
-      class: V([
+      class: C([
         "q-list-item",
         {
           "q-list-item--selected": l.value,
+          "q-list-item--selectable": e.selectable,
           "q-list-item--disabled": e.disabled,
           "q-list-item--highlighted": e.highlighted
         }
       ]),
       "aria-label": e.label,
       "aria-selected": e.disabled ? void 0 : l.value,
-      onKeydown: y,
-      onClick: B(n, ["stop", "prevent"])
+      onKeydown: g,
+      onClick: V(a, ["stop", "prevent"])
     }, [
-      d(t.$slots, "prepend"),
-      c("div", P, [
-        c("div", w, [
-          d(t.$slots, "default", {}, () => [
-            e.icon ? (i(), u(
-              o(r),
-              f(_({ key: 0 }, e.icon)),
+      c(t.$slots, "prepend"),
+      r("div", Q, [
+        r("div", x, [
+          c(t.$slots, "default", {}, () => [
+            e.icon ? (o(), f(
+              s(m),
+              h(_({ key: 0 }, e.icon)),
               null,
               16
               /* FULL_PROPS */
-            )) : s("v-if", !0),
-            C(
-              " " + h(e.label),
+            )) : n("v-if", !0),
+            E(
+              " " + v(e.label),
               1
               /* TEXT */
             )
           ])
         ]),
-        e.description ? (i(), a("div", S, [
-          N(
-            o(r),
-            f(D(e.icons.description)),
+        e.description ? (o(), d("div", S, [
+          I(
+            s(m),
+            h(N(e.icons.description)),
             null,
             16
             /* FULL_PROPS */
           ),
-          c(
+          r(
             "span",
             null,
-            h(e.description),
+            v(e.description),
             1
             /* TEXT */
           )
-        ])) : s("v-if", !0)
+        ])) : n("v-if", !0)
       ]),
-      d(t.$slots, "append"),
-      e.selectable ? (i(), a("div", T, [
-        l.value ? (i(), u(
-          o(r),
+      c(t.$slots, "append"),
+      e.selectable ? (o(), d("div", T, [
+        l.value ? (o(), f(
+          s(m),
           _({ key: 0 }, e.icons.check, { class: "q-list-item__check" }),
           null,
           16
           /* FULL_PROPS */
-        )) : s("v-if", !0)
-      ])) : s("v-if", !0)
-    ], 42, M));
+        )) : n("v-if", !0)
+      ])) : n("v-if", !0)
+    ], 42, P));
   }
 });
 export {
-  Q as default
+  O as default
 };

package/esm/components/QList/index.d.ts

@@ -10,6 +10,8 @@ declare const QList: {
         itemLabel?: string;
         disabled?: boolean;
         selectable?: boolean;
+        multiple?: boolean;
+        required?: boolean;
     }> & Readonly<{
         onClick?: ((key: any) => any) | undefined;
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
@@ -120,6 +122,8 @@ declare const QList: {
         itemLabel?: string;
         disabled?: boolean;
         selectable?: boolean;
+        multiple?: boolean;
+        required?: boolean;
     }> & Readonly<{
         onClick?: ((key: any) => any) | undefined;
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
@@ -146,6 +150,8 @@ declare const QList: {
     itemLabel?: string;
     disabled?: boolean;
     selectable?: boolean;
+    multiple?: boolean;
+    required?: boolean;
 }> & Readonly<{
     onClick?: ((key: any) => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
@@ -164,6 +170,7 @@ declare const QList: {
     itemLabel: string;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
+        default?(_: {}): any;
         item?(_: {
             item: import('./types').Item;
             element: HTMLLIElement | undefined;

package/esm/components/QList/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QList/index.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAKlD,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCASg1yB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAT56yB,CAAA;AACrC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA8B,CAAA;AAC7C,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;EAAmC,CAAA;AAGvD,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,CAAA;AAG3C,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QList/index.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAKlD,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCASg1yB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAT56yB,CAAA;AACrC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA8B,CAAA;AAC7C,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;EAAmC,CAAA;AAGvD,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,CAAA;AAG3C,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAA"}

package/esm/components/QList/types.d.ts

@@ -38,6 +38,14 @@ export type QListProps = QBaseComponentProps & {
      * Indicates whether the list items are selectable.
      */
     selectable?: boolean;
+    /**
+     * Indicates if options can be deselected.
+     */
+    multiple?: boolean;
+    /**
+     * Indicates if there should be at least one option selected.
+     */
+    required?: boolean;
 };
 export type QListItemProps = {
     /**