@quidgest/ui 0.14.6 → 0.14.8

package/esm/components/QCheckbox/QCheckbox.vue.js

@@ -1,12 +1,13 @@
-import { defineComponent as k, mergeModels as f, useModel as y, computed as v, openBlock as l, createElementBlock as t, Fragment as x, createElementVNode as a, normalizeClass as _, toDisplayString as s, createCommentVNode as n, unref as u, withModifiers as d, withKeys as m, createBlock as g, mergeProps as q } from "vue";
-import { QIcon as B } from "../QIcon/index.js";
-import { useId as C } from "../../composables/uid.js";
-import { DEFAULT_ICONS as V } from "./types.js";
-const w = { key: 0 }, M = ["id", "aria-checked", "disabled", "onKeydown"], P = { key: 1 }, z = ["checked", "disabled"], D = /* @__PURE__ */ k({
+import { defineComponent as x, mergeModels as v, useModel as _, computed as q, openBlock as t, createElementBlock as g, Fragment as B, createElementVNode as o, normalizeClass as C, createBlock as n, createSlots as u, withCtx as m, renderSlot as b, createCommentVNode as d, unref as f, withModifiers as i, withKeys as p, mergeProps as $ } from "vue";
+import { QIcon as w } from "../QIcon/index.js";
+import k from "./QCheckboxLabel.vue.js";
+import { useId as V } from "../../composables/uid.js";
+import { DEFAULT_ICONS as M } from "./types.js";
+const P = ["id", "aria-checked", "disabled", "onKeydown"], z = ["checked", "disabled"], F = /* @__PURE__ */ x({
   __name: "QCheckbox",
-  props: /* @__PURE__ */ f({
-    id: { default: void 0 },
+  props: /* @__PURE__ */ v({
     label: { default: "" },
+    id: { default: void 0 },
     labelPlacement: { default: "right" },
     disabled: { type: Boolean },
     readonly: { type: Boolean },
@@ -14,84 +15,100 @@ const w = { key: 0 }, M = ["id", "aria-checked", "disabled", "onKeydown"], P = {
     color: { default: "primary" },
     size: { default: "regular" },
     class: { default: void 0 },
-    icons: { default: () => V }
+    icons: { default: () => M }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(i) {
-    const e = i, o = y(i, "modelValue"), b = C(e.id), p = v(() => [
+  setup(r) {
+    const e = r, l = _(r, "modelValue"), h = V(e.id), y = q(() => [
       "q-checkbox",
       `q-checkbox--${e.size}`,
       `q-checkbox--${e.color}`,
       {
         "q-checkbox--readonly": e.readonly,
         "q-checkbox--disabled": e.disabled,
-        "q-checkbox--checked": o.value,
+        "q-checkbox--checked": l.value,
         "q-checkbox--indeterminate": e.indeterminate
       },
       e.class
     ]);
-    function c() {
-      !e.disabled && !e.readonly && (o.value = !o.value);
+    function s() {
+      !e.disabled && !e.readonly && (l.value = !l.value);
     }
-    return (h, r) => (l(), t(
-      x,
+    return (a, c) => (t(), g(
+      B,
       null,
       [
-        a(
+        o(
           "label",
           {
-            class: _(p.value)
+            class: C(y.value)
           },
           [
-            e.labelPlacement !== "right" ? (l(), t(
-              "span",
-              w,
-              s(e.label),
-              1
-              /* TEXT */
-            )) : n("v-if", !0),
-            a("button", {
-              id: u(b),
+            e.labelPlacement !== "right" ? (t(), n(k, {
+              key: 0,
+              label: e.label
+            }, u({
+              _: 2
+              /* DYNAMIC */
+            }, [
+              a.$slots.extras ? {
+                name: "extras",
+                fn: m(() => [
+                  b(a.$slots, "extras")
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["label"])) : d("v-if", !0),
+            o("button", {
+              id: f(h),
               role: "checkbox",
               type: "button",
-              "aria-checked": e.indeterminate ? "mixed" : o.value,
+              "aria-checked": e.indeterminate ? "mixed" : l.value,
               disabled: e.disabled || e.readonly,
               class: "q-checkbox__input",
-              onClick: d(c, ["prevent"]),
+              onClick: i(s, ["prevent"]),
               onKeydown: [
-                m(d(c, ["prevent"]), ["space"]),
-                r[0] || (r[0] = m(d(() => {
+                p(i(s, ["prevent"]), ["space"]),
+                c[0] || (c[0] = p(i(() => {
                 }, ["prevent"]), ["enter"]))
               ]
             }, [
-              o.value || h.indeterminate ? (l(), g(
-                u(B),
-                q({ key: 0 }, o.value ? e.icons.checked : e.icons.indeterminate, { class: "q-checkbox__input-icon" }),
+              l.value || a.indeterminate ? (t(), n(
+                f(w),
+                $({ key: 0 }, l.value ? e.icons.checked : e.icons.indeterminate, { class: "q-checkbox__input-icon" }),
                 null,
                 16
                 /* FULL_PROPS */
-              )) : n("v-if", !0)
-            ], 40, M),
-            e.labelPlacement === "right" ? (l(), t(
-              "span",
-              P,
-              s(e.label),
-              1
-              /* TEXT */
-            )) : n("v-if", !0)
+              )) : d("v-if", !0)
+            ], 40, P),
+            e.labelPlacement === "right" ? (t(), n(k, {
+              key: 1,
+              label: e.label
+            }, u({
+              _: 2
+              /* DYNAMIC */
+            }, [
+              a.$slots.extras ? {
+                name: "extras",
+                fn: m(() => [
+                  b(a.$slots, "extras")
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["label"])) : d("v-if", !0)
           ],
           2
           /* CLASS */
         ),
-        a("input", {
+        o("input", {
           type: "checkbox",
           tabindex: "-1",
           "aria-hidden": "true",
           class: "q-checkbox__native-input",
-          checked: !!o.value,
+          checked: !!l.value,
           disabled: e.disabled || e.readonly
         }, null, 8, z)
       ],
@@ -101,5 +118,5 @@ const w = { key: 0 }, M = ["id", "aria-checked", "disabled", "onKeydown"], P = {
   }
 });
 export {
-  D as default
+  F as default
 };

package/esm/components/QCheckbox/QCheckboxLabel.d.ts

@@ -0,0 +1,21 @@
+import { QCheckboxLabelProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        extras?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<QCheckboxLabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QCheckboxLabelProps> & Readonly<{}>, {
+    label: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=QCheckboxLabel.vue.d.ts.map

package/esm/components/QCheckbox/QCheckboxLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QCheckboxLabel.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/QCheckboxLabel.vue"],"names":[],"mappings":"AAWA;AAuBC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAiBnD,iBAAS,cAAc;WA4CT,OAAO,IAA6B;;wBARtB,GAAG;;;;EAa9B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;6EAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QCheckbox/QCheckboxLabel.vue.js

@@ -0,0 +1,31 @@
+import { defineComponent as r, openBlock as s, createElementBlock as o, createElementVNode as l, toDisplayString as n, renderSlot as c } from "vue";
+const p = { key: 0 }, _ = { class: "q-field__extras" }, d = { key: 1 }, f = /* @__PURE__ */ r({
+  __name: "QCheckboxLabel",
+  props: {
+    label: { default: "" }
+  },
+  setup(a) {
+    const e = a;
+    return (t, i) => t.$slots.extras ? (s(), o("div", p, [
+      l(
+        "span",
+        null,
+        n(e.label),
+        1
+        /* TEXT */
+      ),
+      l("div", _, [
+        c(t.$slots, "extras")
+      ])
+    ])) : (s(), o(
+      "span",
+      d,
+      n(e.label),
+      1
+      /* TEXT */
+    ));
+  }
+});
+export {
+  f as default
+};

package/esm/components/QCheckbox/QCheckboxLabel.vue2.js

@@ -0,0 +1,4 @@
+import f from "./QCheckboxLabel.vue.js";
+export {
+  f as default
+};

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

@@ -1,13 +1,9 @@
 import { Icon } from '../QIcon';
-export type QCheckboxProps = {
+export type QCheckboxProps = QCheckboxLabelProps & {
     /**
      * The field unique identifier.
      */
     id?: string;
-    /**
-     * The text content of the checkbox.
-     */
-    label?: string;
     /**
      * The placement of the label shown.
      */
@@ -41,6 +37,12 @@ export type QCheckboxProps = {
      */
     icons?: typeof DEFAULT_ICONS;
 };
+export type QCheckboxLabelProps = {
+    /**
+     * The text content of the checkbox.
+     */
+    label?: string;
+};
 type IconKeys = 'checked' | 'indeterminate';
 export declare const DEFAULT_ICONS: Record<IconKeys, Icon>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAE9C,MAAM,MAAM,cAAc,GAAG;IAC5B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;IAEpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,KAAK,QAAQ,GAAG,SAAS,GAAG,eAAe,CAAA;AAG3C,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,QAAQ,EAAE,IAAI,CAOhD,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAE9C,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IAClD;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;IAEpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,KAAK,QAAQ,GAAG,SAAS,GAAG,eAAe,CAAA;AAG3C,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,QAAQ,EAAE,IAAI,CAOhD,CAAA"}

package/esm/components/QCollapsible/QCollapsible.d.ts

@@ -1,9 +1,10 @@
 import { QCollapsibleProps, DEFAULT_ICONS } from './types';
-declare let __VLS_typeProps: QCollapsibleProps;
+type __VLS_Props = QCollapsibleProps;
 type __VLS_PublicProps = {
     modelValue?: boolean;
-} & typeof __VLS_typeProps;
+} & __VLS_Props;
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         icon?(_: {}): any;
         icon?(_: {}): any;
@@ -13,13 +14,13 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: boolean) => any;
+    "update:modelValue": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     icons: typeof DEFAULT_ICONS;
     id: string;

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

@@ -1 +1 @@
-{"version":3,"file":"QCollapsible.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCollapsible/QCollapsible.vue"],"names":[],"mappings":"AAqJC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAGhD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAOxC,QAAA,IAAI,eAAe,EAAG,iBAAiB,CAAC;AAmExC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,OAAO,eAAe,CAAC;AAI3B,iBAAS,cAAc;;sBAiHI,GAAG;sBAGH,GAAG;iCAFQ,GAAG;gCACJ,GAAG;0BAET,GAAG;yBACJ,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;6EAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QCollapsible.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCollapsible/QCollapsible.vue"],"names":[],"mappings":"AAsEA;AAqJC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAGhD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAOxC,KAAK,WAAW,GAAG,iBAAiB,CAAC;AAoErC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA+HT,OAAO,IAA6B;;sBAbvB,GAAG;sBAGH,GAAG;iCAFQ,GAAG;gCACJ,GAAG;0BAET,GAAG;yBACJ,GAAG;;;;EAahC;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;6EASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QCollapsible/QCollapsible.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as T, mergeModels as w, useModel as I, computed as r, watch as N, openBlock as c, createBlock as $, unref as a, normalizeClass as h, withCtx as d, createElementBlock as p, createVNode as u, createCommentVNode as t, createElementVNode as n, renderSlot as s, mergeProps as m, toDisplayString as f, createTextVNode as B } from "vue";
+import { defineComponent as T, mergeModels as w, useModel as I, computed as r, watch as N, openBlock as c, createBlock as $, unref as a, normalizeClass as f, withCtx as d, createElementBlock as u, createVNode as p, createCommentVNode as o, createElementVNode as n, renderSlot as s, mergeProps as h, toDisplayString as m, createTextVNode as B } from "vue";
 import { QCard as E } from "../QCard/index.js";
 import { QButton as V } from "../QButton/index.js";
 import { QIcon as q } from "../QIcon/index.js";
@@ -32,7 +32,7 @@ const Q = {
   }),
   emits: ["update:modelValue"],
   setup(v) {
-    const l = v, i = I(v, "modelValue"), _ = L(l.id), o = R(_), g = r(() => l.width === "block" ? "block" : void 0), k = r(() => {
+    const l = v, i = I(v, "modelValue"), _ = L(l.id), t = R(_), g = r(() => l.width === "block" ? "block" : void 0), k = r(() => {
       const e = l.spacing && l.spacing !== "comfortable" ? `q-collapsible--${l.spacing}` : void 0, b = l.variant && l.variant !== "default" ? `q-collapsible--${l.variant}` : void 0;
       return [
         "q-collapsible",
@@ -49,31 +49,31 @@ const Q = {
         "q-collapsible__content-show": i.value
       }
     ]), C = () => {
-      i.value = !i.value, o == null || o.toggle();
+      i.value = !i.value, t == null || t.toggle();
     };
     return N(
-      () => o == null ? void 0 : o.isActive.value,
-      () => i.value = o == null ? void 0 : o.isActive.value
+      () => t == null ? void 0 : t.isActive.value,
+      () => i.value = t == null ? void 0 : t.isActive.value
     ), (e, b) => (c(), $(a(E), {
       id: a(_),
-      class: h(k.value),
+      class: f(k.value),
       width: g.value
     }, {
       header: d(() => [
-        e.title ? (c(), p("div", Q, [
-          u(a(V), {
+        e.title ? (c(), u("div", Q, [
+          p(a(V), {
             "b-style": "tertiary",
             class: "q-collapsible__btn",
             onClick: C
           }, {
             default: d(() => [
-              t(" TITLE "),
+              o(" TITLE "),
               n("div", S, [
-                t(" ICON ON THE LEFT "),
-                e.iconRight ? t("v-if", !0) : s(e.$slots, "icon", { key: 0 }, () => [
-                  u(
+                o(" ICON ON THE LEFT "),
+                e.iconRight ? o("v-if", !0) : s(e.$slots, "icon", { key: 0 }, () => [
+                  p(
                     a(q),
-                    m({ class: "q-collapsible__chevron" }, l.icons.chevron),
+                    h({ class: "q-collapsible__chevron" }, l.icons.chevron),
                     null,
                     16
                     /* FULL_PROPS */
@@ -83,44 +83,44 @@ const Q = {
                 n(
                   "h4",
                   A,
-                  f(e.title),
+                  m(e.title),
                   1
                   /* TEXT */
                 ),
-                l.required ? (c(), p("span", H, " * ")) : t("v-if", !0),
+                l.required ? (c(), u("span", H, " * ")) : o("v-if", !0),
                 s(e.$slots, "title.append"),
-                t(" ICON ON THE RIGHT "),
+                o(" ICON ON THE RIGHT "),
                 e.iconRight ? s(e.$slots, "icon", { key: 2 }, () => [
-                  u(
+                  p(
                     a(q),
-                    m({ class: "q-collapsible__chevron q-collapsible__chevron-right" }, l.icons.chevron),
+                    h({ class: "q-collapsible__chevron q-collapsible__chevron-right" }, l.icons.chevron),
                     null,
                     16
                     /* FULL_PROPS */
                   )
-                ]) : t("v-if", !0)
+                ]) : o("v-if", !0)
               ]),
-              t(" SUBTITLE "),
-              e.$slots.subtitle || e.subtitle ? (c(), p("div", M, [
+              o(" SUBTITLE "),
+              e.$slots.subtitle || e.subtitle ? (c(), u("div", M, [
                 s(e.$slots, "subtitle", {}, () => [
                   B(
-                    f(e.subtitle),
+                    m(e.subtitle),
                     1
                     /* TEXT */
                   )
                 ])
-              ])) : t("v-if", !0)
+              ])) : o("v-if", !0)
             ]),
             _: 3
             /* FORWARDED */
           })
-        ])) : t("v-if", !0)
+        ])) : o("v-if", !0)
       ]),
       default: d(() => [
         n(
           "div",
           {
-            class: h(y.value)
+            class: f(y.value)
           },
           [
             n("div", D, [

package/esm/components/QCombobox/QCombobox.d.ts

@@ -1,13 +1,14 @@
 import { QComboboxProps, DEFAULT_ICONS, DEFAULT_TEXTS } from './types';
 import { Primitive } from '../../types/primitive';
 import { nextTick } from 'vue';
-declare let __VLS_typeProps: QComboboxProps;
+type __VLS_Props = QComboboxProps;
 type __VLS_PublicProps = {
     modelValue?: any;
     'open'?: boolean;
     'search'?: string;
-} & typeof __VLS_typeProps;
+} & __VLS_Props;
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         "label.prepend"?(_: {}): any;
         "label.append"?(_: {}): any;
@@ -37,7 +38,7 @@ declare function __VLS_template(): {
                 readonly role?: string | undefined;
                 readonly type?: string | undefined;
                 readonly class?: (string | unknown[]) | undefined;
-                readonly "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+                readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
@@ -51,17 +52,17 @@ declare function __VLS_template(): {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: (event: "update:modelValue", modelValue: string) => void;
+            $emit: (event: "update:modelValue", value: string) => void;
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<{
                 modelValue?: string;
             } & import('../QTextField/types').QTextFieldProps> & Readonly<{
-                "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             }>, {
                 fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
                 inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                "update:modelValue": (modelValue: string) => any;
+                "update:modelValue": (value: string) => any;
             }, string, {
                 size: import('..').QFieldSize;
                 class: string | unknown[];
@@ -103,7 +104,7 @@ declare function __VLS_template(): {
         }> & Omit<Readonly<{
             modelValue?: string;
         } & import('../QTextField/types').QTextFieldProps> & Readonly<{
-            "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         }>, "fieldRef" | "inputRef" | ("size" | "class" | "label" | "type" | "role" | "id" | "placeholder" | "maxLength")> & import('vue').ShallowUnwrapRef<{
             fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
             inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
@@ -146,7 +147,7 @@ declare function __VLS_template(): {
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
             $emit: (event: "click", event: Event) => void;
-            $el: any;
+            $el: HTMLButtonElement;
             $options: import('vue').ComponentOptionsBase<Readonly<import('../QButton').QButtonProps> & Readonly<{
                 onClick?: ((event: Event) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -202,7 +203,7 @@ declare function __VLS_template(): {
                 readonly disabled?: boolean | undefined;
                 readonly class?: (string | unknown[]) | undefined;
                 readonly selectable?: boolean | undefined;
-                readonly "onUpdate:modelValue"?: ((modelValue: any) => any) | undefined;
+                readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
@@ -216,12 +217,12 @@ declare function __VLS_template(): {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: (event: "update:modelValue", modelValue: any) => void;
+            $emit: (event: "update:modelValue", value: any) => void;
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<{
                 modelValue?: any;
             } & import('../QList').QListProps> & Readonly<{
-                "onUpdate:modelValue"?: ((modelValue: any) => any) | undefined;
+                "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             }>, {
                 focusItem: (itemIdx: number, preventScroll?: boolean) => void;
                 getItem: (idx: number) => HTMLElement | undefined;
@@ -229,7 +230,7 @@ declare function __VLS_template(): {
                 getFirstFocusableItemIndex: () => number;
                 getLastFocusableItemIndex: () => number;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                "update:modelValue": (modelValue: any) => any;
+                "update:modelValue": (value: any) => any;
             }, string, {
                 class: string | unknown[];
                 highlighted: Primitive;
@@ -265,7 +266,7 @@ declare function __VLS_template(): {
         }> & Omit<Readonly<{
             modelValue?: any;
         } & import('../QList').QListProps> & Readonly<{
-            "onUpdate:modelValue"?: ((modelValue: any) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         }>, "focusItem" | "getItem" | "getAdjacentItemIndex" | "getFirstFocusableItemIndex" | "getLastFocusableItemIndex" | ("class" | "highlighted" | "groups" | "itemValue" | "itemLabel")> & import('vue').ShallowUnwrapRef<{
             focusItem: (itemIdx: number, preventScroll?: boolean) => void;
             getItem: (idx: number) => HTMLElement | undefined;
@@ -280,7 +281,7 @@ declare function __VLS_template(): {
             };
         }) | null;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
@@ -300,7 +301,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             readonly role?: string | undefined;
             readonly type?: string | undefined;
             readonly class?: (string | unknown[]) | undefined;
-            readonly "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;
@@ -314,17 +315,17 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $root: import('vue').ComponentPublicInstance | null;
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: (event: "update:modelValue", modelValue: string) => void;
+        $emit: (event: "update:modelValue", value: string) => void;
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<{
             modelValue?: string;
         } & import('../QTextField/types').QTextFieldProps> & Readonly<{
-            "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         }>, {
             fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
             inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            "update:modelValue": (modelValue: string) => any;
+            "update:modelValue": (value: string) => any;
         }, string, {
             size: import('..').QFieldSize;
             class: string | unknown[];
@@ -366,7 +367,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     }> & Omit<Readonly<{
         modelValue?: string;
     } & import('../QTextField/types').QTextFieldProps> & Readonly<{
-        "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, "fieldRef" | "inputRef" | ("size" | "class" | "label" | "type" | "role" | "id" | "placeholder" | "maxLength")> & import('vue').ShallowUnwrapRef<{
         fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
         inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
@@ -394,7 +395,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             readonly role?: string | undefined;
             readonly type?: string | undefined;
             readonly class?: (string | unknown[]) | undefined;
-            readonly "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;
@@ -408,17 +409,17 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $root: import('vue').ComponentPublicInstance | null;
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: (event: "update:modelValue", modelValue: string) => void;
+        $emit: (event: "update:modelValue", value: string) => void;
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<{
             modelValue?: string;
         } & import('../QTextField/types').QTextFieldProps> & Readonly<{
-            "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         }>, {
             fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
             inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            "update:modelValue": (modelValue: string) => any;
+            "update:modelValue": (value: string) => any;
         }, string, {
             size: import('..').QFieldSize;
             class: string | unknown[];
@@ -460,7 +461,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     }> & Omit<Readonly<{
         modelValue?: string;
     } & import('../QTextField/types').QTextFieldProps> & Readonly<{
-        "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, "fieldRef" | "inputRef" | ("size" | "class" | "label" | "type" | "role" | "id" | "placeholder" | "maxLength")> & import('vue').ShallowUnwrapRef<{
         fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
         inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
@@ -474,22 +475,22 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         };
     }) | null>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: any) => any;
-    "update:open": (open: boolean) => any;
-    "update:search": (search: string) => any;
+    "update:modelValue": (value: any) => any;
+    "update:open": (value: boolean) => any;
+    "update:search": (value: string) => any;
 } & {
     "before-show": () => any;
     "before-hide": () => any;
     show: () => any;
     hide: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: any) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     "onBefore-show"?: (() => any) | undefined;
     "onBefore-hide"?: (() => any) | undefined;
     onShow?: (() => any) | undefined;
     onHide?: (() => any) | undefined;
-    "onUpdate:open"?: ((open: boolean) => any) | undefined;
-    "onUpdate:search"?: ((search: string) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:search"?: ((value: string) => any) | undefined;
 }>, {
     size: import('..').QFieldSize;
     class: string | unknown[];