@quidgest/ui 0.16.32 → 0.16.34

package/dist/ui.scss

@@ -1,5 +1,5 @@
 /*!
- * Quidgest UI v0.16.32
+ * Quidgest UI v0.16.34
  * (c) 2025 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
@@ -2573,6 +2573,23 @@ $base-border: 1px solid rgb(0 0 0 / 10%);
     pointer-events: none;
     min-height: 1lh;
   }
+  &__badge-container {
+    display: flex;
+    gap: 0.1rem;
+    overflow: hidden;
+    width: 100%;
+    #{$this}__badge {
+      &-count {
+        font-weight: bold;
+      }
+      &-hidden {
+        visibility: hidden;
+      }
+    }
+    .q-badge__content {
+      height: 0.85em;
+    }
+  }
   &__placeholder {
     font-style: italic;
     color: var(--q-theme-neutral);
@@ -2582,48 +2599,48 @@ $base-border: 1px solid rgb(0 0 0 / 10%);
     opacity: 0;
     cursor: inherit;
   }
+  &__chevron {
+    padding: 0.1rem;
+    opacity: 0.5;
+    &:hover {
+      cursor: inherit;
+    }
+  }
+  &__body {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: $space-base;
+    width: 100%;
+    padding: $space-base 0;
+    outline: none;
+    .q-list-item {
+      width: calc(100% - 2 * $space-base);
+      margin-left: $space-base;
+      margin-right: $space-base;
+    }
+  }
+  &__items {
+    min-width: fit-content;
+    width: 100%;
+    max-height: 240px;
+    align-items: start;
+  }
+  &__loader {
+    display: flex;
+    justify-content: center;
+    width: 100%;
+  }
+  &__loader,
+  &__empty {
+    margin: calc(4 * $space-base) 0;
+  }
   
   .q-field__prepend {
     padding-left: $space-base * 2;
     padding-right: $space-base * 2;
   }
 }
-.q-select__chevron {
-  padding: 0.1rem;
-  opacity: 0.5;
-  &:hover {
-    cursor: inherit;
-  }
-}
-.q-select__body {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: $space-base;
-  width: 100%;
-  padding: $space-base 0;
-  outline: none;
-  .q-list-item {
-    width: calc(100% - 2 * $space-base);
-    margin-left: $space-base;
-    margin-right: $space-base;
-  }
-}
-.q-select__items {
-  min-width: fit-content;
-  width: 100%;
-  max-height: 240px;
-  align-items: start;
-}
-.q-select__loader {
-  display: flex;
-  justify-content: center;
-  width: 100%;
-}
-.q-select__loader,
-.q-select__empty {
-  margin: calc(4 * $space-base) 0;
-}
 $sidebar-size-small: 19rem;
 $sidebar-size-medium: 27rem;
 $sidebar-size-large: 35rem;

package/esm/components/QColorPicker/QColorPicker.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent as h, mergeModels as C, useModel as k, ref as p, computed as V, watch as m, createBlock as $, openBlock as g, unref as q, normalizeClass as B, createSlots as T, withCtx as t, renderSlot as r, withDirectives as x, createElementVNode as z, mergeProps as M, withModifiers as S, vModelText as w } from "vue";
 import { DEFAULT_TEXTS as D } from "./types.js";
 import { QTextField as E } from "../QTextField/index.js";
-import { isValidHex as F } from "../../utils/color.js";
+import { isValidHex as F } from "../../utils/color/parse.js";
 const P = ["readonly", "disabled", "aria-label"], I = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "QColorPicker",

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":"AA8CA;AA+bC,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAsOhD,iBAAS,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAIrD;AAED;;;;GAIG;AACH,iBAAS,kBAAkB,IAAI,MAAM,CAIpC;AAED;;;;;;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;AA6DF,iBAAS,cAAc;WA0IT,OAAO,IAA6B;;yBAdpB,GAAG;;;;YACN,GAAG;;;;YACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCArFtC,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DACjF,GAAE;;;;;;;;;;;;;;;;;EAqGD;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA9HpB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DACjF,GAAE;;;;;;;;;;;;;;;OAwIA,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":"AA8CA;AAucC,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AA8OhD,iBAAS,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAIrD;AAED;;;;GAIG;AACH,iBAAS,kBAAkB,IAAI,MAAM,CAIpC;AAED;;;;;;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;AA6DF,iBAAS,cAAc;WA0IT,OAAO,IAA6B;;yBAdpB,GAAG;;;;YACN,GAAG;;;;YACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA3FF,GAAG,8CAA8C,GAAG,yBACrF,GAAG,6DACI,GAAG;;;;;;;;;;;;;;;;;EA0Gb;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCApIgB,GAAG,8CAA8C,GAAG,yBACrF,GAAG,6DACI,GAAG;;;;;;;;;;;;;;;OA6IZ,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,4 +1,4 @@
-import { defineComponent as N, ref as m, computed as M, toRef as x, watch as X, createBlock as V, openBlock as d, resolveDynamicComponent as Y, normalizeClass as Z, withCtx as p, renderSlot as A, createElementBlock as q, Fragment as E, renderList as T, unref as $ } from "vue";
+import { defineComponent as N, ref as b, computed as M, toRef as V, watch as X, createBlock as A, openBlock as m, resolveDynamicComponent as Y, normalizeClass as Z, withCtx as v, renderSlot as L, createElementBlock as q, Fragment as E, renderList as T, unref as $ } from "vue";
 import { QListItemGroup as ee, QListItem as te } from "./index.js";
 import { useGroup as ne } from "../../composables/useGroup/index.js";
 const oe = /* @__PURE__ */ N({
@@ -19,126 +19,128 @@ const oe = /* @__PURE__ */ N({
   },
   emits: ["update:modelValue", "click", "mouseenter:item"],
   setup(R, { expose: G, emit: O }) {
-    const n = R, b = O, v = m(!1), Q = M(() => a.value.length > 1 ? "div" : "ul"), a = M(() => n.groups.length ? n.groups.filter(
+    const n = R, g = O, h = b(!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: "" }]), { active: g } = ne({
-      active: x(n, "modelValue"),
-      required: x(n, "required"),
-      multiple: x(n, "multiple")
-    }), h = m(null), I = m(null);
+    ) : [{ id: "", title: "" }]), { active: r } = ne({
+      active: V(n, "modelValue"),
+      required: V(n, "required"),
+      multiple: V(n, "multiple")
+    }), I = b(null), k = b(null);
     function S(e) {
-      b("click", e);
+      g("click", e);
     }
     function U(e) {
-      b("mouseenter:item", e);
+      g("mouseenter:item", e);
     }
     function j() {
-      v.value = !0;
+      h.value = !0;
     }
     function z() {
-      v.value = !1;
+      h.value = !1;
     }
     function H(e) {
-      var i;
-      if (!n.items || (i = h.value) != null && i.contains(e.relatedTarget))
+      var i, s;
+      if (!n.items || (i = I.value) != null && i.contains(e.relatedTarget))
         return;
-      let t;
-      g.value ? t = n.items.findIndex((s) => s[n.itemValue] === g.value) : t = w();
-      const l = v.value;
-      r(t, l);
-    }
-    const k = m("");
-    let L;
+      let t = -1;
+      n.multiple ? ((s = r.value) == null ? void 0 : s.length) > 0 && (t = n.items.findIndex(
+        (u) => r.value.includes(u[n.itemValue])
+      )) : r.value && (t = n.items.findIndex((u) => u[n.itemValue] === r.value)), t === -1 && (t = y());
+      const l = h.value;
+      c(t, l);
+    }
+    const w = b("");
+    let C;
     function K(e) {
       var t;
-      switch (window.clearTimeout(L), ["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key) && e.preventDefault(), e.key) {
+      switch (window.clearTimeout(C), ["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key) && e.preventDefault(), e.key) {
         case "ArrowDown":
-          f("next");
+          p("next");
           break;
         case "ArrowUp":
-          f("prev");
+          p("prev");
           break;
         case "Home":
-          f("first");
+          p("first");
           break;
         case "End":
-          f("last");
+          p("last");
           break;
       }
       if (/^[a-z]$/i.test(e.key)) {
-        k.value += e.key.toLowerCase();
+        w.value += e.key.toLowerCase();
         const l = ((t = n.items) == null ? void 0 : t.length) || 0;
         for (let i = 0; i < l; i++)
-          if (n.items[i][n.itemLabel].toLowerCase().startsWith(k.value)) {
-            r(i);
+          if (n.items[i][n.itemLabel].toLowerCase().startsWith(w.value)) {
+            c(i);
             break;
           }
         e.preventDefault(), e.stopPropagation();
       }
-      L = window.setTimeout(function() {
-        k.value = "";
+      C = window.setTimeout(function() {
+        w.value = "";
       }, 500);
     }
-    function f(e) {
+    function p(e) {
       switch (e) {
         case "next":
         case "prev":
-          r(W(e));
+          c(W(e));
           break;
         case "first":
-          r(w());
+          c(y());
           break;
         case "last":
-          r(_());
+          c(F());
           break;
       }
     }
-    function r(e, t = !1) {
+    function c(e, t = !1) {
       var i;
       (i = o()[e]) == null || i.focus({ preventScroll: t });
     }
     function o() {
       var t;
-      const e = (t = h.value) == null ? void 0 : t.querySelectorAll("li");
+      const e = (t = I.value) == null ? void 0 : t.querySelectorAll("li");
       return e ? Array.from(e) : [];
     }
     function P(e) {
       return o()[e];
     }
-    function C() {
+    function _() {
       return o().indexOf(document.activeElement);
     }
-    function w() {
-      const e = o(), t = e.find((l) => y(l));
+    function y() {
+      const e = o(), t = e.find((l) => x(l));
       return t ? e.indexOf(t) : -1;
     }
-    function _() {
-      const e = o(), t = [...e].reverse().find((l) => y(l));
+    function F() {
+      const e = o(), t = [...e].reverse().find((l) => x(l));
       return t ? e.indexOf(t) : -1;
     }
-    function F(e, t, l) {
+    function B(e, t, l) {
       return t === "prev" && e <= 0 || t === "next" && e === l.length - 1;
     }
     function W(e) {
-      const t = C();
-      return B(t, e);
+      const t = _();
+      return D(t, e);
     }
-    function B(e, t) {
+    function D(e, t) {
       const l = o();
-      if (F(e, t, l))
+      if (B(e, t, l))
         return e;
       let i = e + (t === "next" ? 1 : -1);
-      for (; !y(l[i]); ) {
-        if (F(i, t, l))
+      for (; !x(l[i]); ) {
+        if (B(i, t, l))
           return e;
         i += t === "next" ? 1 : -1;
       }
       return i;
     }
-    function y(e) {
+    function x(e) {
       return e.tabIndex === -2;
     }
     function J(e) {
@@ -146,21 +148,21 @@ const oe = /* @__PURE__ */ N({
       return e ? (t = n.items) == null ? void 0 : t.filter((l) => l.group === e) : n.items;
     }
     return X(
-      g,
+      r,
       (e) => {
-        b("update:modelValue", e);
+        g("update:modelValue", e);
       },
       { deep: !0 }
     ), G({
       getItem: P,
-      getActiveItemIndex: C,
-      getAdjacentItemIndex: B,
-      getFirstFocusableItemIndex: w,
-      getLastFocusableItemIndex: _
-    }), (e, t) => (d(), V(Y(Q.value), {
+      getActiveItemIndex: _,
+      getAdjacentItemIndex: D,
+      getFirstFocusableItemIndex: y,
+      getLastFocusableItemIndex: F
+    }), (e, t) => (m(), A(Y(Q.value), {
       id: n.id,
       ref_key: "listRef",
-      ref: h,
+      ref: I,
       class: Z(["q-list", { "q-list--disabled": n.disabled }, n.class]),
       role: "listbox",
       tabindex: n.disabled ? -1 : 0,
@@ -169,25 +171,25 @@ const oe = /* @__PURE__ */ N({
       onMouseup: z,
       onKeydown: K
     }, {
-      default: p(() => [
-        A(e.$slots, "default", {}, () => [
-          (d(!0), q(
+      default: v(() => [
+        L(e.$slots, "default", {}, () => [
+          (m(!0), q(
             E,
             null,
-            T(a.value, (l, i) => (d(), V($(ee), {
+            T(a.value, (l, i) => (m(), A($(ee), {
               id: l.id,
               key: l.id,
               title: a.value.length === 1 ? void 0 : l.title
             }, {
-              default: p(() => [
-                (d(!0), q(
+              default: v(() => [
+                (m(!0), q(
                   E,
                   null,
-                  T(J(l.id), (s, D) => (d(), V($(te), {
+                  T(J(l.id), (s, u) => (m(), A($(te), {
                     key: s[n.itemValue],
                     ref_for: !0,
                     ref_key: "listItemsRef",
-                    ref: I,
+                    ref: k,
                     value: s[n.itemValue],
                     label: s[n.itemLabel],
                     description: s.description,
@@ -198,21 +200,21 @@ const oe = /* @__PURE__ */ N({
                     onClick: () => S(s[n.itemValue]),
                     onMouseenter: () => U(s[n.itemValue])
                   }, {
-                    append: p(() => {
-                      var u, c;
+                    append: v(() => {
+                      var d, f;
                       return [
-                        A(e.$slots, "item.append", {
+                        L(e.$slots, "item.append", {
                           item: s,
-                          element: (c = (u = I.value) == null ? void 0 : u[D + i * a.value.length]) == null ? void 0 : c.$el
+                          element: (f = (d = k.value) == null ? void 0 : d[u + i * a.value.length]) == null ? void 0 : f.$el
                         })
                       ];
                     }),
-                    default: p(() => {
-                      var u, c;
+                    default: v(() => {
+                      var d, f;
                       return [
-                        A(e.$slots, "item", {
+                        L(e.$slots, "item", {
                           item: s,
-                          element: (c = (u = I.value) == null ? void 0 : u[D + i * a.value.length]) == null ? void 0 : c.$el
+                          element: (f = (d = k.value) == null ? void 0 : d[u + i * a.value.length]) == null ? void 0 : f.$el
                         })
                       ];
                     }),

package/esm/components/QSelect/QSelect.d.ts

@@ -1,4 +1,5 @@
 import { DEFAULT_ICONS, DEFAULT_TEXTS, QSelectProps } from './types';
+import { Item } from '../QList/types';
 import { nextTick } from 'vue';
 type __VLS_Props = QSelectProps;
 type __VLS_PublicProps = {
@@ -12,12 +13,12 @@ declare function __VLS_template(): {
         extras?(_: {}): any;
         'body.prepend'?(_: {}): any;
         item?(_: {
-            item: import('../QList/types').Item;
+            item: Item;
         }): any;
         'body.append'?(_: {}): any;
     };
     refs: {
-        triggerEl: ({
+        trigger: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
@@ -86,8 +87,81 @@ declare function __VLS_template(): {
                 extras?(_: {}): any;
             };
         }) | null;
-        contentRef: HTMLDivElement;
-        listRef: ({
+        badgesContainer: HTMLSpanElement;
+        allBadges: (({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly id?: string | undefined;
+                readonly class?: string | unknown[] | undefined;
+                readonly variant?: import('../QBadge/types').QBadgeVariant | undefined;
+                readonly color?: string | undefined;
+                readonly pill?: boolean | undefined;
+                readonly size?: import('../QBadge/types').QBadgeSize | undefined;
+                readonly removable?: boolean | undefined;
+                readonly icons?: typeof import('../QBadge/types').DEFAULT_ICONS | undefined;
+                readonly texts?: typeof import('../QBadge/types').DEFAULT_TEXTS | undefined;
+                readonly "onClick:remove"?: (() => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: "click:remove") => void;
+            $el: HTMLSpanElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('../QBadge/types').QBadgeProps> & Readonly<{
+                "onClick:remove"?: (() => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                "click:remove": () => any;
+            }, string, {
+                size: import('../QBadge/types').QBadgeSize;
+                color: string;
+                variant: import('../QBadge/types').QBadgeVariant;
+                icons: typeof import('../QBadge/types').DEFAULT_ICONS;
+                texts: typeof import('../QBadge/types').DEFAULT_TEXTS;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            size: import('../QBadge/types').QBadgeSize;
+            color: string;
+            variant: import('../QBadge/types').QBadgeVariant;
+            icons: typeof import('../QBadge/types').DEFAULT_ICONS;
+            texts: typeof import('../QBadge/types').DEFAULT_TEXTS;
+        }> & Omit<Readonly<import('../QBadge/types').QBadgeProps> & Readonly<{
+            "onClick:remove"?: (() => any) | undefined;
+        }>, "size" | "color" | "variant" | "icons" | "texts"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        }) | null)[];
+        content: HTMLDivElement;
+        list: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
@@ -95,7 +169,7 @@ declare function __VLS_template(): {
                 readonly class?: string | unknown[] | undefined;
                 readonly modelValue?: any;
                 readonly highlighted?: any;
-                readonly items?: import('../QList/types').Item[] | undefined;
+                readonly items?: Item[] | undefined;
                 readonly groups?: import('../QList/types').Group[] | undefined;
                 readonly selectable?: boolean | undefined;
                 readonly multiple?: boolean | undefined;
@@ -254,11 +328,11 @@ declare function __VLS_template(): {
             $slots: {
                 default?(_: {}): any;
                 item?(_: {
-                    item: import('../QList/types').Item;
+                    item: Item;
                     element: HTMLLIElement | undefined;
                 }): any;
                 'item.append'?(_: {
-                    item: import('../QList/types').Item;
+                    item: Item;
                     element: HTMLLIElement | undefined;
                 }): any;
             };
@@ -287,7 +361,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     itemValue: string;
     itemLabel: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    triggerEl: ({
+    trigger: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
@@ -356,8 +430,81 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             extras?(_: {}): any;
         };
     }) | null;
-    contentRef: HTMLDivElement;
-    listRef: ({
+    badgesContainer: HTMLSpanElement;
+    allBadges: (({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly id?: string | undefined;
+            readonly class?: string | unknown[] | undefined;
+            readonly variant?: import('../QBadge/types').QBadgeVariant | undefined;
+            readonly color?: string | undefined;
+            readonly pill?: boolean | undefined;
+            readonly size?: import('../QBadge/types').QBadgeSize | undefined;
+            readonly removable?: boolean | undefined;
+            readonly icons?: typeof import('../QBadge/types').DEFAULT_ICONS | undefined;
+            readonly texts?: typeof import('../QBadge/types').DEFAULT_TEXTS | undefined;
+            readonly "onClick:remove"?: (() => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "click:remove") => void;
+        $el: HTMLSpanElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('../QBadge/types').QBadgeProps> & Readonly<{
+            "onClick:remove"?: (() => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            "click:remove": () => any;
+        }, string, {
+            size: import('../QBadge/types').QBadgeSize;
+            color: string;
+            variant: import('../QBadge/types').QBadgeVariant;
+            icons: typeof import('../QBadge/types').DEFAULT_ICONS;
+            texts: typeof import('../QBadge/types').DEFAULT_TEXTS;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        size: import('../QBadge/types').QBadgeSize;
+        color: string;
+        variant: import('../QBadge/types').QBadgeVariant;
+        icons: typeof import('../QBadge/types').DEFAULT_ICONS;
+        texts: typeof import('../QBadge/types').DEFAULT_TEXTS;
+    }> & Omit<Readonly<import('../QBadge/types').QBadgeProps> & Readonly<{
+        "onClick:remove"?: (() => any) | undefined;
+    }>, "size" | "color" | "variant" | "icons" | "texts"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | null)[];
+    content: HTMLDivElement;
+    list: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
@@ -365,7 +512,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             readonly class?: string | unknown[] | undefined;
             readonly modelValue?: any;
             readonly highlighted?: any;
-            readonly items?: import('../QList/types').Item[] | undefined;
+            readonly items?: Item[] | undefined;
             readonly groups?: import('../QList/types').Group[] | undefined;
             readonly selectable?: boolean | undefined;
             readonly multiple?: boolean | undefined;
@@ -524,11 +671,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $slots: {
             default?(_: {}): any;
             item?(_: {
-                item: import('../QList/types').Item;
+                item: Item;
                 element: HTMLLIElement | undefined;
             }): any;
             'item.append'?(_: {
-                item: import('../QList/types').Item;
+                item: Item;
                 element: HTMLLIElement | undefined;
             }): any;
         };

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

@@ -1 +1 @@
-{"version":3,"file":"QSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/QSelect.vue"],"names":[],"mappings":"AAoIA;AA6TC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAatD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C,OAAO,EAAY,QAAQ,EAAc,MAAM,KAAK,CAAA;AAEpD,KAAK,WAAW,GAAG,YAAY,CAAC;AA6KjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAyUT,OAAO,IAA6B;;yBAnBpB,GAAG;wBACJ,GAAG;wBACH,GAAG;gCACK,GAAG;;;YACb,GAAG;+BACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAqEG,GAAG,8CAGd,GAAE,yBAAyB,GAAG,6DAC/B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAJS,GAAG,8CAGd,GAAE,yBAAyB,GAAG,6DAC/B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAJS,GAAG,8CAGd,GAAE,yBAAyB,GAAG,6DAC/B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAtDhC;AAmCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAcqB,GAAG,8CAGd,GAAE,yBAAyB,GAAG,6DAC/B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAJS,GAAG,8CAGd,GAAE,yBAAyB,GAAG,6DAC/B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAJS,GAAG,8CAGd,GAAE,yBAAyB,GAAG,6DAC/B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAT/B,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":"QSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/QSelect.vue"],"names":[],"mappings":"AAmMA;AAwhBC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AActD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAE1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C,OAAO,EAAY,QAAQ,EAA4C,MAAM,KAAK,CAAA;AAMlF,KAAK,WAAW,GAAG,YAAY,CAAC;AAkUjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA4dT,OAAO,IAA6B;;yBArBpB,GAAG;wBACJ,GAAG;wBACH,GAAG;gCACK,GAAG;;;YACZ,GAAG;+BACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCApWmE,GAAG,8CACvG,GAAG,yBACW,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAF6C,GAAG,8CACvG,GAAG,yBACW,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAF6C,GAAG,8CACvG,GAAG,yBACW,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAF6C,GAAG,8CACvG,GAAG,yBACW,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuX7D;AAoCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA9ZsF,GAAG,8CACvG,GAAG,yBACW,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAF6C,GAAG,8CACvG,GAAG,yBACW,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAF6C,GAAG,8CACvG,GAAG,yBACW,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAF6C,GAAG,8CACvG,GAAG,yBACW,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAqa5D,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"}