@quidgest/ui 0.16.75 → 0.17.1

package/esm/components/QSelect/QSelect.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as Be, mergeModels as de, useModel as Ce, toRef as K, ref as ue, useTemplateRef as g, onMounted as we, onBeforeUnmount as Te, computed as V, nextTick as M, watch as $, createElementBlock as r, openBlock as t, Fragment as m, createVNode as E, unref as n, normalizeClass as ce, createSlots as Ie, withCtx as u, withDirectives as Ve, createBlock as p, createCommentVNode as c, renderList as fe, createTextVNode as _, mergeProps as R, toDisplayString as y, normalizeProps as pe, createElementVNode as ve, vModelText as $e, renderSlot as q, withModifiers as Ee } from "vue";
+import { defineComponent as Be, mergeModels as de, useModel as Ce, toRef as N, ref as ue, useTemplateRef as g, onMounted as we, onBeforeUnmount as Te, computed as V, nextTick as M, watch as $, createElementBlock as r, openBlock as t, Fragment as m, createVNode as E, unref as n, normalizeClass as ce, createSlots as Ie, withCtx as u, withDirectives as Ve, createBlock as v, createCommentVNode as c, renderList as fe, createTextVNode as _, mergeProps as R, toDisplayString as y, normalizeProps as ve, createElementVNode as pe, vModelText as $e, renderSlot as q, withModifiers as Ee } from "vue";
 import { DEFAULT_TEXTS as Re, DEFAULT_ICONS as Le } from "./constants.js";
 import { QBadge as P } from "../QBadge/index.js";
 import { QButton as De } from "../QButton/index.js";
@@ -59,12 +59,12 @@ const Fe = {
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ de(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
-  setup(N, { emit: me }) {
-    const e = N, L = me, v = Ce(N, "modelValue"), W = Oe(K(e, "id")), { active: H } = Ue({
-      active: v,
-      required: K(e, "required"),
-      multiple: K(e, "multiple")
-    }), f = ue(!1), h = ue(0), z = g("trigger"), be = g("input"), ye = g("list"), j = g("content"), G = g("valueContainer"), X = g("allBadges"), J = g("allPlainTexts"), Y = g("hiddenItemsCountBadge");
+  setup(W, { emit: me }) {
+    const e = W, L = me, p = Ce(W, "modelValue"), z = Oe(N(e, "id")), { active: H } = Ue({
+      active: p,
+      required: N(e, "required"),
+      multiple: N(e, "multiple")
+    }), f = ue(!1), h = ue(0), A = g("trigger"), be = g("input"), ye = g("list"), j = g("content"), G = g("valueContainer"), X = g("allBadges"), J = g("allPlainTexts"), Y = g("hiddenItemsCountBadge");
     let x = null, B = null;
     function ge() {
       B && clearTimeout(B), B = setTimeout(() => {
@@ -74,17 +74,17 @@ const Fe = {
     we(() => {
       var a;
       T();
-      const l = (a = z.value) == null ? void 0 : a.fieldRef;
+      const l = (a = A.value) == null ? void 0 : a.fieldRef;
       l && (x = new ResizeObserver(() => {
         ge();
       }), x.observe(l));
     }), Te(() => {
       x == null || x.disconnect(), B && clearTimeout(B);
     });
-    const A = V(() => i.value.length === 0), i = V(() => {
+    const O = V(() => i.value.length === 0), i = V(() => {
       if (e.multiple)
-        return (v.value ?? []).map((a) => ee(a)).filter((a) => !!a);
-      const l = typeof v.value < "u" ? ee(v.value) : void 0;
+        return (p.value ?? []).map((a) => ee(a)).filter((a) => !!a);
+      const l = typeof p.value < "u" ? ee(p.value) : void 0;
       return l ? [l] : [];
     }), Z = V(() => {
       var a;
@@ -98,14 +98,14 @@ const Fe = {
         return (l = i.value) == null ? void 0 : l.map(k).filter(Boolean).join(", ");
       }
     ), D = V(
-      () => e.clearable && !e.readonly && !e.disabled && !e.loading && !A.value
+      () => e.clearable && !e.readonly && !e.disabled && !e.loading && !O.value
     );
     function ee(l) {
       var a;
       return (a = e.items) == null ? void 0 : a.find((d) => d[e.itemValue] === l);
     }
     function he(l) {
-      e.multiple && l < v.value.length && (!e.required || v.value.length > 1) ? H.value = v.value.toSpliced(l, 1) : w();
+      e.multiple && l < p.value.length && (!e.required || p.value.length > 1) ? H.value = p.value.toSpliced(l, 1) : w();
     }
     function k(l) {
       return (l == null ? void 0 : l[e.itemLabel]) ?? "";
@@ -113,15 +113,15 @@ const Fe = {
     function le(l) {
       return l + 1 < i.value.length - h.value ? ", " : "";
     }
-    function O(l) {
-      Array.isArray(l) ? v.value = l.sort((a, d) => Z.value.get(a) - Z.value.get(d)) : (v.value = l, Q());
+    function U(l) {
+      Array.isArray(l) ? p.value = l.sort((a, d) => Z.value.get(a) - Z.value.get(d)) : (p.value = l, Q());
     }
     function w() {
-      O(e.emptyValue), oe();
+      U(e.emptyValue), oe();
     }
     function ke(l) {
       var a, d, s;
-      !((a = j.value) != null && a.contains(l.relatedTarget)) && !((s = (d = z.value) == null ? void 0 : d.fieldRef) != null && s.contains(l.relatedTarget)) && Q();
+      !((a = j.value) != null && a.contains(l.relatedTarget)) && !((s = (d = A.value) == null ? void 0 : d.fieldRef) != null && s.contains(l.relatedTarget)) && Q();
     }
     function te() {
       f.value || (L("before-show"), f.value = !0);
@@ -132,11 +132,11 @@ const Fe = {
     function ae() {
       e.readonly || e.disabled || (f.value ? Q() : te());
     }
-    function U(l) {
+    function F(l) {
       !l.key || e.readonly || e.disabled || (["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End", "Delete"].includes(l.key) && (l.preventDefault(), l.stopPropagation()), ["Enter", " ", "ArrowDown"].includes(l.key) && te(), ["Escape", "Tab"].includes(l.key) && (f.value ? Q() : D.value && l.key === "Escape" && w()), D.value && l.key === "Delete" && w());
     }
     function _e(l) {
-      l.key.length === 1 && l.preventDefault(), U(l);
+      l.key.length === 1 && l.preventDefault(), F(l);
     }
     async function qe() {
       var l;
@@ -155,22 +155,22 @@ const Fe = {
     }
     async function T() {
       var ie, se, re;
-      if (await M(), await M(), !e.multiple || !G.value || A.value) {
+      if (await M(), await M(), !e.multiple || !G.value || O.value) {
         h.value = 0;
         return;
       }
       const l = G.value.offsetWidth, a = 4, d = ((ie = Y.value) == null ? void 0 : ie.$el.scrollWidth) ?? 30;
       let s = d, o = 0;
       if (e.badges)
-        for (const F of X.value ?? []) {
-          const I = F.$el.scrollWidth + a;
+        for (const K of X.value ?? []) {
+          const I = K.$el.scrollWidth + a;
           if (s + d + I <= l)
             s += I, o++;
           else break;
         }
       else
-        for (const F of J.value ?? []) {
-          const I = F.scrollWidth + a;
+        for (const K of J.value ?? []) {
+          const I = K.scrollWidth + a;
           if (s + d + I <= l)
             s += I, o++;
           else break;
@@ -183,14 +183,14 @@ const Fe = {
       (l) => {
         !l && f.value && M(ne);
       }
-    ), $(() => e.badges, T), $(i, T, { deep: !0 }), $(() => e.clearable, T), $(H, O), (l, a) => {
+    ), $(() => e.badges, T), $(i, T, { deep: !0 }), $(() => e.clearable, T), $(H, U), (l, a) => {
       var d;
       return t(), r(
         m,
         null,
         [
           E(n(Qe), {
-            id: n(W),
+            id: n(z),
             ref: "trigger",
             label: e.label,
             "label-position": e.labelPosition,
@@ -209,17 +209,17 @@ const Fe = {
             size: e.size,
             invalid: e.invalid,
             onClick: ae,
-            onKeydown: U
+            onKeydown: F
           }, Ie({
             append: u(() => [
               q(l.$slots, "append"),
-              D.value ? (t(), p(n(ze), {
+              D.value ? (t(), v(n(ze), {
                 key: 0,
                 icons: e.icons,
                 texts: e.texts,
                 onClick: w
               }, null, 8, ["icons", "texts"])) : c("v-if", !0),
-              e.readonly ? c("v-if", !0) : (t(), p(n(De), {
+              e.readonly ? c("v-if", !0) : (t(), v(n(De), {
                 key: 1,
                 class: "q-select__chevron",
                 "aria-label": e.texts.showOptions,
@@ -243,7 +243,7 @@ const Fe = {
             default: u(() => {
               var s;
               return [
-                A.value ? (t(), r("span", He, [
+                O.value ? (t(), r("span", He, [
                   !e.readonly && !e.disabled ? (t(), r(
                     m,
                     { key: 0 },
@@ -282,7 +282,7 @@ const Fe = {
                                     m,
                                     { key: 0 },
                                     [
-                                      e.badges ? (t(), p(n(P), {
+                                      e.badges ? (t(), v(n(P), {
                                         key: 0,
                                         pill: "",
                                         color: e.readonly || e.disabled ? "neutral" : void 0,
@@ -292,7 +292,7 @@ const Fe = {
                                         "onClick:remove": () => he(b)
                                       }, {
                                         default: u(() => [
-                                          o != null && o.icon ? (t(), p(
+                                          o != null && o.icon ? (t(), v(
                                             n(S),
                                             R({
                                               key: 0,
@@ -352,9 +352,9 @@ const Fe = {
                                   _: 1
                                   /* STABLE */
                                 }, 8, ["class"]),
-                                e.readonly || e.disabled ? (t(), p(n(Ae), {
+                                e.readonly || e.disabled ? (t(), v(n(Ae), {
                                   key: 0,
-                                  anchor: (s = n(Y)) == null ? void 0 : s.$el,
+                                  anchor: (s = Y.value) == null ? void 0 : s.$el,
                                   text: C.value,
                                   placement: "bottom-start"
                                 }, {
@@ -381,7 +381,7 @@ const Fe = {
                                   key: `measure-${b}`
                                 },
                                 [
-                                  e.badges ? (t(), p(n(P), {
+                                  e.badges ? (t(), v(n(P), {
                                     key: 0,
                                     ref_for: !0,
                                     ref: "allBadges",
@@ -392,7 +392,7 @@ const Fe = {
                                     removable: !e.readonly && !e.disabled && (!e.required || i.value.length > 1)
                                   }, {
                                     default: u(() => [
-                                      o != null && o.icon ? (t(), p(
+                                      o != null && o.icon ? (t(), v(
                                         n(S),
                                         R({
                                           key: 0,
@@ -432,7 +432,7 @@ const Fe = {
                           ],
                           64
                           /* STABLE_FRAGMENT */
-                        )) : (t(), p(n(P), {
+                        )) : (t(), v(n(P), {
                           key: 1,
                           pill: "",
                           disabled: e.readonly || e.disabled,
@@ -443,9 +443,9 @@ const Fe = {
                           default: u(() => {
                             var o;
                             return [
-                              (o = i.value[0]) != null && o.icon ? (t(), p(
+                              (o = i.value[0]) != null && o.icon ? (t(), v(
                                 n(S),
-                                pe(R({ key: 0 }, i.value[0].icon)),
+                                ve(R({ key: 0 }, i.value[0].icon)),
                                 null,
                                 16
                                 /* FULL_PROPS */
@@ -474,8 +474,8 @@ const Fe = {
                   64
                   /* STABLE_FRAGMENT */
                 )),
-                Ve(ve("input", R({
-                  id: `${n(W)}_input`,
+                Ve(pe("input", R({
+                  id: `${n(z)}_input`,
                   ref: "input"
                 }, l.$attrs, {
                   "onUpdate:modelValue": a[0] || (a[0] = (o) => C.value = o),
@@ -501,9 +501,9 @@ const Fe = {
               name: "prepend",
               fn: u(() => [
                 q(l.$slots, "prepend"),
-                i.value.length === 1 && i.value[0].icon && !e.badges ? (t(), p(
+                i.value.length === 1 && i.value[0].icon && !e.badges ? (t(), v(
                   n(S),
-                  pe(R({ key: 0 }, i.value[0].icon)),
+                  ve(R({ key: 0 }, i.value[0].icon)),
                   null,
                   16
                   /* FULL_PROPS */
@@ -528,37 +528,37 @@ const Fe = {
             width: "anchor",
             "scroll-lock": "",
             inline: e.inline,
-            anchor: (d = n(z)) == null ? void 0 : d.fieldRef,
+            anchor: (d = A.value) == null ? void 0 : d.fieldRef,
             offset: 2,
             onEnter: qe,
             onLeave: xe
           }, {
             default: u(() => [
-              ve("div", {
+              pe("div", {
                 ref: "content",
                 "data-testid": "combobox-dropdown",
-                "data-key": n(W),
+                "data-key": n(z),
                 class: "q-select__body",
                 tabindex: "-1",
                 onFocusout: ke,
-                onKeydown: Ee(U, ["stop"])
+                onKeydown: Ee(F, ["stop"])
               }, [
                 q(l.$slots, "body.prepend"),
                 e.loading ? (t(), r("div", Xe, [
                   E(n(Se), { size: 24 })
-                ])) : (t(), p(n(Me), {
+                ])) : (t(), v(n(Me), {
                   key: 1,
                   ref: "list",
                   class: "q-select__items",
                   selectable: "",
                   required: e.required,
                   multiple: e.multiple,
-                  "model-value": v.value,
+                  "model-value": p.value,
                   items: e.items,
-                  groups: l.groups,
+                  groups: W.groups,
                   "item-label": e.itemLabel,
                   "item-value": e.itemValue,
-                  "onUpdate:modelValue": O
+                  "onUpdate:modelValue": U
                 }, {
                   item: u(({ item: s }) => [
                     q(l.$slots, "item", { item: s })

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

@@ -60,9 +60,7 @@ declare const QSelect: {
                 readonly disabled?: boolean | undefined;
                 readonly invalid?: boolean | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
+            $attrs: import('vue').Attrs;
             $refs: {
                 [x: string]: unknown;
             } & {
@@ -104,9 +102,9 @@ declare const QSelect: {
         } & Readonly<{
             size: import('..').QFieldSize;
             labelPosition: import('..').QLabelPosition;
-        }> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "fieldRef" | ("size" | "labelPosition")> & import('vue').ShallowUnwrapRef<{
-            fieldRef: Readonly<import('vue').ShallowRef<HTMLDivElement | null>>;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
+        }> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "fieldRef" | ("size" | "labelPosition")> & {
+            fieldRef: HTMLDivElement | null;
+        } & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 'label.prepend'?(_: {}): any;
                 'label.append'?(_: {}): any;
@@ -134,9 +132,7 @@ declare const QSelect: {
                 readonly texts?: typeof import('../QBadge/constants').DEFAULT_TEXTS | undefined;
                 readonly "onClick:remove"?: (() => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
+            $attrs: import('vue').Attrs;
             $refs: {
                 [x: string]: unknown;
             };
@@ -154,8 +150,8 @@ declare const QSelect: {
                 "click:remove": () => any;
             }, string, {
                 size: import('..').QBadgeSize;
-                color: string;
                 variant: import('..').QBadgeVariant;
+                color: string;
                 icons: typeof import('../QBadge/constants').DEFAULT_ICONS;
                 texts: typeof import('../QBadge/constants').DEFAULT_TEXTS;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -180,13 +176,13 @@ declare const QSelect: {
             $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('..').QBadgeSize;
-            color: string;
             variant: import('..').QBadgeVariant;
+            color: string;
             icons: typeof import('../QBadge/constants').DEFAULT_ICONS;
             texts: typeof import('../QBadge/constants').DEFAULT_TEXTS;
         }> & Omit<Readonly<import('..').QBadgeProps> & Readonly<{
             "onClick:remove"?: (() => any) | undefined;
-        }>, "size" | "color" | "variant" | "icons" | "texts"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "size" | "variant" | "color" | "icons" | "texts"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
                 default?(_: {}): any;
@@ -208,9 +204,7 @@ declare const QSelect: {
                 readonly texts?: typeof import('../QBadge/constants').DEFAULT_TEXTS | undefined;
                 readonly "onClick:remove"?: (() => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
+            $attrs: import('vue').Attrs;
             $refs: {
                 [x: string]: unknown;
             };
@@ -228,8 +222,8 @@ declare const QSelect: {
                 "click:remove": () => any;
             }, string, {
                 size: import('..').QBadgeSize;
-                color: string;
                 variant: import('..').QBadgeVariant;
+                color: string;
                 icons: typeof import('../QBadge/constants').DEFAULT_ICONS;
                 texts: typeof import('../QBadge/constants').DEFAULT_TEXTS;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -254,13 +248,13 @@ declare const QSelect: {
             $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('..').QBadgeSize;
-            color: string;
             variant: import('..').QBadgeVariant;
+            color: string;
             icons: typeof import('../QBadge/constants').DEFAULT_ICONS;
             texts: typeof import('../QBadge/constants').DEFAULT_TEXTS;
         }> & Omit<Readonly<import('..').QBadgeProps> & Readonly<{
             "onClick:remove"?: (() => any) | undefined;
-        }>, "size" | "color" | "variant" | "icons" | "texts"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "size" | "variant" | "color" | "icons" | "texts"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
                 default?(_: {}): any;
@@ -286,13 +280,11 @@ declare const QSelect: {
                 readonly required?: boolean | undefined;
                 readonly itemValue?: string | undefined;
                 readonly itemLabel?: string | undefined;
-                readonly onClick?: ((key: any) => any) | undefined;
                 readonly "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+                readonly onClick?: ((key: any) => any) | undefined;
                 readonly "onMouseenter:item"?: ((key: any) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
+            $attrs: import('vue').Attrs;
             $refs: {
                 [x: string]: unknown;
             } & {
@@ -312,12 +304,10 @@ declare const QSelect: {
                         readonly disabled?: boolean | undefined;
                         readonly icons?: typeof import('../QList/constants').DEFAULT_ICONS | undefined;
                         readonly checkboxless?: boolean | undefined;
-                        readonly onClick?: (() => any) | undefined;
                         readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                        readonly onClick?: (() => any) | undefined;
                     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-                    $attrs: {
-                        [x: string]: unknown;
-                    };
+                    $attrs: import('vue').Attrs;
                     $refs: {
                         [x: string]: unknown;
                     };
@@ -327,13 +317,13 @@ declare const QSelect: {
                     $root: import('vue').ComponentPublicInstance | null;
                     $parent: import('vue').ComponentPublicInstance | null;
                     $host: Element | null;
-                    $emit: ((event: "click") => void) & ((event: "update:modelValue", value: boolean) => void);
+                    $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click") => void);
                     $el: HTMLLIElement;
                     $options: import('vue').ComponentOptionsBase<Readonly<{
                         modelValue?: boolean;
                     } & import('..').QListItemProps> & Readonly<{
-                        onClick?: (() => any) | undefined;
                         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                        onClick?: (() => any) | undefined;
                     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                         "update:modelValue": (value: boolean) => any;
                     } & {
@@ -367,9 +357,9 @@ declare const QSelect: {
                 }> & Omit<Readonly<{
                     modelValue?: boolean;
                 } & import('..').QListItemProps> & Readonly<{
-                    onClick?: (() => any) | undefined;
                     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-                }>, "icons" | "selectOnTab"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                    onClick?: (() => any) | undefined;
+                }>, "icons" | "selectOnTab"> & {} & import('vue').ComponentCustomProperties & {} & {
                     $slots: {
                         prepend?(_: {}): any;
                         default?(_: {}): any;
@@ -383,11 +373,11 @@ declare const QSelect: {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "click", key: any) => void) & ((event: "update:modelValue", val: any) => void) & ((event: "mouseenter:item", key: any) => void);
+            $emit: ((event: "update:modelValue", val: any) => void) & ((event: "click", key: any) => void) & ((event: "mouseenter:item", key: any) => void);
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<import('..').QListProps> & Readonly<{
-                onClick?: ((key: any) => any) | undefined;
                 "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+                onClick?: ((key: any) => any) | undefined;
                 "onMouseenter:item"?: ((key: any) => any) | undefined;
             }>, {
                 getItem: (idx: number) => HTMLElement | undefined;
@@ -396,12 +386,12 @@ declare const QSelect: {
                 getFirstFocusableItemIndex: () => number;
                 getLastFocusableItemIndex: () => number;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-                click: (key: any) => any;
                 "update:modelValue": (val: any) => any;
+                click: (key: any) => any;
                 "mouseenter:item": (key: any) => any;
             }, string, {
-                selectOnTab: boolean;
                 groups: import('..').Group[];
+                selectOnTab: boolean;
                 itemValue: string;
                 itemLabel: string;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -425,21 +415,21 @@ declare const QSelect: {
             $nextTick: typeof import('vue').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<{
-            selectOnTab: boolean;
             groups: import('..').Group[];
+            selectOnTab: boolean;
             itemValue: string;
             itemLabel: string;
         }> & Omit<Readonly<import('..').QListProps> & Readonly<{
-            onClick?: ((key: any) => any) | undefined;
             "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+            onClick?: ((key: any) => any) | undefined;
             "onMouseenter:item"?: ((key: any) => any) | undefined;
-        }>, "getItem" | "getActiveItemIndex" | "getAdjacentItemIndex" | "getFirstFocusableItemIndex" | "getLastFocusableItemIndex" | ("selectOnTab" | "groups" | "itemValue" | "itemLabel")> & import('vue').ShallowUnwrapRef<{
+        }>, "getItem" | "getActiveItemIndex" | "getAdjacentItemIndex" | "getFirstFocusableItemIndex" | "getLastFocusableItemIndex" | ("groups" | "selectOnTab" | "itemValue" | "itemLabel")> & {
             getItem: (idx: number) => HTMLElement | undefined;
             getActiveItemIndex: () => number;
             getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
             getFirstFocusableItemIndex: () => number;
             getLastFocusableItemIndex: () => number;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
+        } & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
                 item?(_: {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAO8tzB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAPxzzB,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAOwv0B,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAPl10B,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,cAAc,SAAS,CAAA"}

package/esm/components/QSidebar/QSidebar.d.ts

@@ -1,4 +1,4 @@
-import { QSidebarProps } from './types';
+import { QSidebarProps } from '.';
 type __VLS_Props = QSidebarProps;
 type __VLS_PublicProps = {
     modelValue?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"QSidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/QSidebar.vue"],"names":[],"mappings":"AAgEA;AAgOC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAK5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAsJlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAyKT,OAAO,IAA6B;;;UAhBmC,GAAG,2DACnB,GAAG,mDACH,GAAG,0DACH,GAAG,oDACH,GAAG,mDACH,GAAG;;;EAgBvE;AAsBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;wFASnB,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":"QSidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/QSidebar.vue"],"names":[],"mappings":"AAgEA;AAgOC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;AAKtC,KAAK,WAAW,GAAG,aAAa,CAAC;AAsJlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAyKT,OAAO,IAA6B;;;UAhBmC,GAAG,2DACnB,GAAG,mDACH,GAAG,0DACH,GAAG,oDACH,GAAG,mDACH,GAAG;;;EAgBvE;AAsBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;wFASnB,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/QSidebar/QSidebar.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as P, mergeModels as z, useModel as x, ref as b, watch as W, computed as r, createElementBlock as A, openBlock as w, normalizeStyle as N, normalizeClass as I, createVNode as k, createSlots as y, renderList as Q, withCtx as o, renderSlot as s, Transition as T, createBlock as U, createCommentVNode as j } from "vue";
+import { defineComponent as M, mergeModels as z, useModel as P, ref as b, watch as W, computed as r, createElementBlock as A, openBlock as w, normalizeStyle as N, normalizeClass as I, createVNode as k, createSlots as y, renderList as Q, withCtx as o, renderSlot as s, Transition as T, createBlock as U, createCommentVNode as j } from "vue";
 import D from "./QSidebarAnchor.vue.js";
 import F from "./QSidebarPanel.vue.js";
-const K = /* @__PURE__ */ P({
+const K = /* @__PURE__ */ M({
   __name: "QSidebar",
   props: /* @__PURE__ */ z({
     panels: {},
@@ -13,18 +13,18 @@ const K = /* @__PURE__ */ P({
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ z(["click:item", "resize", "resize:start", "resize:end"], ["update:modelValue"]),
-  setup(f, { emit: V }) {
-    const a = f, u = V, n = x(f, "modelValue"), m = b();
+  setup(m, { emit: V }) {
+    const a = m, u = V, n = P(m, "modelValue"), f = b();
     W(
       n,
       (e) => {
-        e && (m.value = e);
+        e && (f.value = e);
       },
       { immediate: !0 }
     );
     const i = r(() => {
       var e;
-      return (e = a.panels) == null ? void 0 : e.find((t) => t.id === m.value);
+      return (e = a.panels) == null ? void 0 : e.find((t) => t.id === f.value);
     }), h = r(() => !!i.value), l = b(), q = r(() => {
       if (l.value !== void 0)
         return h.value ? typeof l.value == "number" ? `${a.anchorWidth + l.value}px` : `calc(${a.anchorWidth}px + ${l.value})` : `${a.anchorWidth}px`;
@@ -53,15 +53,15 @@ const K = /* @__PURE__ */ P({
     function L(e) {
       u("click:item", e);
     }
-    function E() {
-      n.value || (m.value = void 0);
+    function x() {
+      n.value || (f.value = void 0);
     }
-    function M() {
+    function E() {
       var t;
       const e = (t = i.value) == null ? void 0 : t.initialWidth;
       typeof e == "number" ? l.value = e : l.value = void 0;
     }
-    return W([() => a.anchorWidth, i], M, { immediate: !0, deep: !0 }), (e, t) => (w(), A(
+    return W([() => a.anchorWidth, i], E, { immediate: !0, deep: !0 }), (e, t) => (w(), A(
       "div",
       {
         class: I(C.value),
@@ -87,8 +87,8 @@ const K = /* @__PURE__ */ P({
           }))
         ]), 1032, ["modelValue", "panels", "anchor-width", "show-labels"]),
         k(T, {
-          name: e.position === "left" ? "slide-right" : "slide-left",
-          onAfterLeave: E
+          name: m.position === "left" ? "slide-right" : "slide-left",
+          onAfterLeave: x
         }, {
           default: o(() => [
             n.value && i.value ? (w(), U(F, {

package/esm/components/QSidebar/QSidebarAnchor.d.ts

@@ -1,4 +1,4 @@
-import { QSidebarAnchorProps } from './types';
+import { QSidebarAnchorProps } from '.';
 import { nextTick } from 'vue';
 type __VLS_Props = QSidebarAnchorProps;
 type __VLS_PublicProps = {
@@ -30,9 +30,7 @@ declare function __VLS_template(): {
                 readonly loading?: boolean | undefined;
                 readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
+            $attrs: import('vue').Attrs;
             $refs: {
                 [x: string]: unknown;
             };
@@ -98,7 +96,7 @@ declare function __VLS_template(): {
             loading?: boolean;
         }> & Readonly<{
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, never> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
             };
@@ -135,9 +133,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             readonly loading?: boolean | undefined;
             readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
+        $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
         };
@@ -203,7 +199,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         loading?: boolean;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    }>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    }>, never> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
         };