@quidgest/ui 0.12.2 → 0.13.1

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

@@ -0,0 +1,237 @@
+import { DialogButton } from './QDialog';
+
+declare const QDialog: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
+        modelValue: import('vue').PropType<boolean>;
+        class: {
+            type: import('vue').PropType<string | unknown[]>;
+            default: undefined;
+        };
+        html: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        title: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        text: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        icon: {
+            type: import('vue').PropType<import('..').Icon>;
+            default: () => import('..').Icon;
+        };
+        id: {
+            type: import('vue').PropType<string>;
+            default: undefined;
+        };
+        attach: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        inline: {
+            type: import('vue').PropType<boolean>;
+        };
+        backdropBlur: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        buttons: {
+            type: import('vue').PropType<DialogButton[]>;
+            default: () => DialogButton[];
+        };
+        dismissible: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+        modelValue: import('vue').PropType<boolean>;
+        class: {
+            type: import('vue').PropType<string | unknown[]>;
+            default: undefined;
+        };
+        html: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        title: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        text: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        icon: {
+            type: import('vue').PropType<import('..').Icon>;
+            default: () => import('..').Icon;
+        };
+        id: {
+            type: import('vue').PropType<string>;
+            default: undefined;
+        };
+        attach: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        inline: {
+            type: import('vue').PropType<boolean>;
+        };
+        backdropBlur: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        buttons: {
+            type: import('vue').PropType<DialogButton[]>;
+            default: () => DialogButton[];
+        };
+        dismissible: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>>, {
+        class: string | unknown[];
+        html: boolean;
+        title: string;
+        text: string;
+        icon: import('..').Icon;
+        id: string;
+        attach: string;
+        backdropBlur: boolean;
+        buttons: DialogButton[];
+        dismissible: boolean;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        modelValue: import('vue').PropType<boolean>;
+        class: {
+            type: import('vue').PropType<string | unknown[]>;
+            default: undefined;
+        };
+        html: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        title: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        text: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        icon: {
+            type: import('vue').PropType<import('..').Icon>;
+            default: () => import('..').Icon;
+        };
+        id: {
+            type: import('vue').PropType<string>;
+            default: undefined;
+        };
+        attach: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        inline: {
+            type: import('vue').PropType<boolean>;
+        };
+        backdropBlur: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        buttons: {
+            type: import('vue').PropType<DialogButton[]>;
+            default: () => DialogButton[];
+        };
+        dismissible: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>>, {}, {}, {}, {}, {
+        class: string | unknown[];
+        html: boolean;
+        title: string;
+        text: string;
+        icon: import('..').Icon;
+        id: string;
+        attach: string;
+        backdropBlur: boolean;
+        buttons: DialogButton[];
+        dismissible: boolean;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<boolean>;
+    class: {
+        type: import('vue').PropType<string | unknown[]>;
+        default: undefined;
+    };
+    html: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    title: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    text: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    icon: {
+        type: import('vue').PropType<import('..').Icon>;
+        default: () => import('..').Icon;
+    };
+    id: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    attach: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    inline: {
+        type: import('vue').PropType<boolean>;
+    };
+    backdropBlur: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    buttons: {
+        type: import('vue').PropType<DialogButton[]>;
+        default: () => DialogButton[];
+    };
+    dismissible: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+}>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    class: string | unknown[];
+    html: boolean;
+    title: string;
+    text: string;
+    icon: import('..').Icon;
+    id: string;
+    attach: string;
+    backdropBlur: boolean;
+    buttons: DialogButton[];
+    dismissible: boolean;
+}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        "body.content"?(_: {}): any;
+        "body.icon"?(_: {}): any;
+        "body.append"?(_: {}): any;
+    };
+});
+export { QDialog };
+export type { DialogButton };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAKjD,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA+C,CAAA;AAG5D,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,YAAY,EAAE,YAAY,EAAE,CAAA"}

package/esm/components/QDialog/index.js

@@ -0,0 +1,6 @@
+import o from "./QDialog.vue.js";
+import { setupPropsProxy as r } from "../../utils/setupPropsProxy.js";
+const t = r(o);
+export {
+  t as QDialog
+};

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

@@ -214,16 +214,16 @@ declare const QListItem: {
             type: import('vue').PropType<import('../../types/primitive').Primitive>;
             required: true;
         };
+        icons: {
+            type: import('vue').PropType<Record<string, import('..').Icon>>;
+            default: () => Record<string, import('..').Icon>;
+        };
         selected: {
             type: import('vue').PropType<boolean>;
         };
         highlighted: {
             type: import('vue').PropType<boolean>;
         };
-        icons: {
-            type: import('vue').PropType<Record<string, import('..').Icon>>;
-            default: () => Record<string, import('..').Icon>;
-        };
         description: {
             type: import('vue').PropType<string>;
             default: undefined;
@@ -248,16 +248,16 @@ declare const QListItem: {
             type: import('vue').PropType<import('../../types/primitive').Primitive>;
             required: true;
         };
+        icons: {
+            type: import('vue').PropType<Record<string, import('..').Icon>>;
+            default: () => Record<string, import('..').Icon>;
+        };
         selected: {
             type: import('vue').PropType<boolean>;
         };
         highlighted: {
             type: import('vue').PropType<boolean>;
         };
-        icons: {
-            type: import('vue').PropType<Record<string, import('..').Icon>>;
-            default: () => Record<string, import('..').Icon>;
-        };
         description: {
             type: import('vue').PropType<string>;
             default: undefined;
@@ -291,16 +291,16 @@ declare const QListItem: {
             type: import('vue').PropType<import('../../types/primitive').Primitive>;
             required: true;
         };
+        icons: {
+            type: import('vue').PropType<Record<string, import('..').Icon>>;
+            default: () => Record<string, import('..').Icon>;
+        };
         selected: {
             type: import('vue').PropType<boolean>;
         };
         highlighted: {
             type: import('vue').PropType<boolean>;
         };
-        icons: {
-            type: import('vue').PropType<Record<string, import('..').Icon>>;
-            default: () => Record<string, import('..').Icon>;
-        };
         description: {
             type: import('vue').PropType<string>;
             default: undefined;
@@ -331,16 +331,16 @@ declare const QListItem: {
         type: import('vue').PropType<import('../../types/primitive').Primitive>;
         required: true;
     };
+    icons: {
+        type: import('vue').PropType<Record<string, import('..').Icon>>;
+        default: () => Record<string, import('..').Icon>;
+    };
     selected: {
         type: import('vue').PropType<boolean>;
     };
     highlighted: {
         type: import('vue').PropType<boolean>;
     };
-    icons: {
-        type: import('vue').PropType<Record<string, import('..').Icon>>;
-        default: () => Record<string, import('..').Icon>;
-    };
     description: {
         type: import('vue').PropType<string>;
         default: undefined;

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":"AAuHA;AAWC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAMlD,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAA;IAEb;;OAEG;IACH,KAAK,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;QAGjD,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAClB,CAAC,EAAE,CAAA;IAEJ;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,mBAAmB,GAAG;QAC/B,EAAE,EAAE,MAAM,CAAA;KACV,CAAC,EAAE,CAAA;IAEJ;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAA;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAA;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;CAC1B,CAAA;AAKD,QAAA,MAAM,aAAa;;CAElB,CAAA;AAGD,QAAA,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAOvC,CAAA;AAED,KAAK,KAAK,GAAG,OAAO,aAAa,CAAA;AACjC,KAAK,KAAK,GAAG,OAAO,aAAa,CAAA;;gBAmMtB,OAAO,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAA3B,OAAO,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA2VT,GAAG;oBACJ,GAAG;oBACH,GAAG;4BACK,GAAG;;;;;QACZ,GAAG;2BACM,GAAG;;AAliBxC,wBAmlBI;AASJ,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"QSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/QSelect.vue"],"names":[],"mappings":"AAuHA;AAWC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAMlD,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAA;IAEb;;OAEG;IACH,KAAK,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;QAGjD,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAClB,CAAC,EAAE,CAAA;IAEJ;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,mBAAmB,GAAG;QAC/B,EAAE,EAAE,MAAM,CAAA;KACV,CAAC,EAAE,CAAA;IAEJ;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAA;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAA;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;CAC1B,CAAA;AAKD,QAAA,MAAM,aAAa;;CAElB,CAAA;AAGD,QAAA,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAOvC,CAAA;AAED,KAAK,KAAK,GAAG,OAAO,aAAa,CAAA;AACjC,KAAK,KAAK,GAAG,OAAO,aAAa,CAAA;;gBAqMtB,OAAO,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAA3B,OAAO,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA2VT,GAAG;oBACJ,GAAG;oBACH,GAAG;4BACK,GAAG;;;;;QACZ,GAAG;2BACM,GAAG;;AApiBxC,wBAqlBI;AASJ,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

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

@@ -1,5 +1,5 @@
-import { defineComponent as J, mergeModels as Q, useModel as Y, ref as m, computed as k, watch as Z, nextTick as ee, openBlock as t, createElementBlock as p, Fragment as R, createVNode as v, unref as n, normalizeClass as le, withModifiers as D, createSlots as oe, withCtx as s, renderSlot as u, createBlock as g, normalizeProps as C, guardReactiveProps as F, createCommentVNode as h, toDisplayString as M, createTextVNode as ae, mergeProps as te, createElementVNode as ne } from "vue";
-import { QButton as O } from "../QButton/index.js";
+import { defineComponent as J, mergeModels as R, useModel as Y, ref as m, computed as k, watch as Z, nextTick as ee, openBlock as t, createElementBlock as p, Fragment as D, createVNode as v, unref as n, normalizeClass as le, withModifiers as F, createSlots as oe, withCtx as s, renderSlot as u, createBlock as g, normalizeProps as C, guardReactiveProps as M, createCommentVNode as h, toDisplayString as O, createTextVNode as ae, mergeProps as te, createElementVNode as ne } from "vue";
+import { QButton as U } from "../QButton/index.js";
 import { QField as ie } from "../QField/index.js";
 import { QIcon as S } from "../QIcon/index.js";
 import { QList as se } from "../QList/index.js";
@@ -25,7 +25,7 @@ const ue = {
   }
 }, Ve = /* @__PURE__ */ J({
   __name: "QSelect",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ R({
     id: { default: void 0 },
     label: { default: "" },
     clearable: { type: Boolean },
@@ -48,14 +48,14 @@ const ue = {
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Q(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
-  setup(x, { emit: U }) {
-    const l = x, y = U, c = Y(x, "modelValue"), a = m(!1), w = m(""), b = m(null), _ = m(null), V = m(null), A = k(() => d.value === void 0), d = k(
+  emits: /* @__PURE__ */ R(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
+  setup(x, { emit: A }) {
+    const l = x, y = A, c = Y(x, "modelValue"), a = m(!1), w = m(""), b = m(null), _ = m(null), V = m(null), P = k(() => d.value === void 0), d = k(
       () => {
         var e;
         return (e = l.items) == null ? void 0 : e.find((o) => o[l.itemValue] === c.value);
       }
-    ), P = k(
+    ), K = k(
       () => d.value ? d.value[l.itemLabel] : ""
     ), q = k(
       () => l.clearable && !l.readonly && !l.disabled && !l.loading
@@ -64,20 +64,20 @@ const ue = {
       c.value = e, L();
     }
     function E() {
-      q.value && B(l.emptyValue);
+      q.value && (B(l.emptyValue), I());
     }
-    function K(e) {
+    function H(e) {
       var o, r, f;
       !((o = V.value) != null && o.contains(e.relatedTarget)) && !((f = (r = b.value) == null ? void 0 : r.fieldRef) != null && f.contains(e.relatedTarget)) && L();
     }
-    function H() {
+    function W() {
       a.value || (y("before-show"), a.value = !0);
     }
     function L() {
       a.value && (y("before-hide"), a.value = !1);
     }
     function T() {
-      l.readonly || l.disabled || (a.value ? L() : H());
+      l.readonly || l.disabled || (a.value ? L() : W());
     }
     let $;
     function z(e) {
@@ -95,18 +95,18 @@ const ue = {
         }, 500);
       }
     }
-    function W() {
-      var e;
-      l.loading ? (e = V.value) == null || e.focus() : I(), y("show");
-    }
     function X() {
-      j(), y("hide");
+      var e;
+      l.loading ? (e = V.value) == null || e.focus() : N(), y("show");
     }
     function j() {
+      I(), y("hide");
+    }
+    function I() {
       var e, o;
       (o = (e = b.value) == null ? void 0 : e.fieldRef) == null || o.focus();
     }
-    function I() {
+    function N() {
       var e;
       (e = _.value) == null || e.$el.focus();
     }
@@ -117,12 +117,12 @@ const ue = {
     return Z(
       () => l.loading,
       (e) => {
-        !e && a.value && ee(I);
+        !e && a.value && ee(N);
       }
     ), (e, o) => {
       var r, f;
       return t(), p(
-        R,
+        D,
         null,
         [
           v(n(ie), {
@@ -149,11 +149,11 @@ const ue = {
             "aria-haspopup": "listbox",
             size: l.size,
             onClick: T,
-            onKeydown: D(z, ["stop"])
+            onKeydown: F(z, ["stop"])
           }, oe({
             append: s(() => [
               u(e.$slots, "append"),
-              q.value && c.value ? (t(), g(n(O), {
+              q.value && c.value ? (t(), g(n(U), {
                 key: 0,
                 class: "q-select__clear",
                 "b-style": "plain",
@@ -164,7 +164,7 @@ const ue = {
                 default: s(() => [
                   v(
                     n(S),
-                    C(F(l.icons.clear)),
+                    C(M(l.icons.clear)),
                     null,
                     16
                     /* FULL_PROPS */
@@ -173,7 +173,7 @@ const ue = {
                 _: 1
                 /* STABLE */
               })) : h("v-if", !0),
-              l.readonly ? h("v-if", !0) : (t(), g(n(O), {
+              l.readonly ? h("v-if", !0) : (t(), g(n(U), {
                 key: 1,
                 class: "q-select__chevron",
                 "b-style": "plain",
@@ -185,7 +185,7 @@ const ue = {
                 default: s(() => [
                   v(
                     n(S),
-                    C(F(l.icons.chevron)),
+                    C(M(l.icons.chevron)),
                     null,
                     16
                     /* FULL_PROPS */
@@ -196,13 +196,13 @@ const ue = {
               }, 8, ["disabled"]))
             ]),
             default: s(() => [
-              A.value ? (t(), p("span", ce, [
+              P.value ? (t(), p("span", ce, [
                 !l.readonly && !l.disabled ? (t(), p(
-                  R,
+                  D,
                   { key: 0 },
                   [
                     ae(
-                      M(e.texts.placeholder),
+                      O(e.texts.placeholder),
                       1
                       /* TEXT */
                     )
@@ -213,7 +213,7 @@ const ue = {
               ])) : (t(), p(
                 "span",
                 ue,
-                M(P.value),
+                O(K.value),
                 1
                 /* TEXT */
               ))
@@ -224,12 +224,12 @@ const ue = {
             (r = d.value) != null && r.icon || e.$slots.prepend ? {
               name: "prepend",
               fn: s(() => {
-                var i, N;
+                var i, Q;
                 return [
                   u(e.$slots, "prepend"),
                   (i = d.value) != null && i.icon ? (t(), g(
                     n(S),
-                    C(te({ key: 0 }, (N = d.value) == null ? void 0 : N.icon)),
+                    C(te({ key: 0 }, (Q = d.value) == null ? void 0 : Q.icon)),
                     null,
                     16
                     /* FULL_PROPS */
@@ -256,8 +256,8 @@ const ue = {
             "scroll-lock": "",
             anchor: (f = b.value) == null ? void 0 : f.$el,
             offset: 2,
-            onEnter: W,
-            onLeave: X
+            onEnter: X,
+            onLeave: j
           }, {
             default: s(() => [
               ne("div", {
@@ -267,8 +267,8 @@ const ue = {
                 "data-key": l.id,
                 class: "q-select__body",
                 tabindex: "-1",
-                onFocusout: K,
-                onKeydown: D(z, ["stop"])
+                onFocusout: H,
+                onKeydown: F(z, ["stop"])
               }, [
                 u(e.$slots, "body.prepend"),
                 l.loading ? (t(), p("div", me, [

package/esm/components/QTextField/QTextField.d.ts

@@ -72,11 +72,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     required: {
         type: import('vue').PropType<boolean>;
     };
-    id: {
+    role: {
         type: import('vue').PropType<string>;
         default: undefined;
     };
-    role: {
+    id: {
         type: import('vue').PropType<string>;
         default: undefined;
     };
@@ -118,11 +118,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     required: {
         type: import('vue').PropType<boolean>;
     };
-    id: {
+    role: {
         type: import('vue').PropType<string>;
         default: undefined;
     };
-    role: {
+    id: {
         type: import('vue').PropType<string>;
         default: undefined;
     };
@@ -142,8 +142,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     class: string | unknown[];
     type: string;
     label: string;
-    id: string;
     role: string;
+    id: string;
     maxLength: number;
     placeholder: string;
 }, {}>, {

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

@@ -23,11 +23,11 @@ declare const QTextField: {
         required: {
             type: import('vue').PropType<boolean>;
         };
-        id: {
+        role: {
             type: import('vue').PropType<string>;
             default: undefined;
         };
-        role: {
+        id: {
             type: import('vue').PropType<string>;
             default: undefined;
         };
@@ -69,11 +69,11 @@ declare const QTextField: {
         required: {
             type: import('vue').PropType<boolean>;
         };
-        id: {
+        role: {
             type: import('vue').PropType<string>;
             default: undefined;
         };
-        role: {
+        id: {
             type: import('vue').PropType<string>;
             default: undefined;
         };
@@ -93,8 +93,8 @@ declare const QTextField: {
         class: string | unknown[];
         type: string;
         label: string;
-        id: string;
         role: string;
+        id: string;
         maxLength: number;
         placeholder: string;
     }, true, {}, {}, {
@@ -128,11 +128,11 @@ declare const QTextField: {
         required: {
             type: import('vue').PropType<boolean>;
         };
-        id: {
+        role: {
             type: import('vue').PropType<string>;
             default: undefined;
         };
-        role: {
+        id: {
             type: import('vue').PropType<string>;
             default: undefined;
         };
@@ -155,8 +155,8 @@ declare const QTextField: {
         class: string | unknown[];
         type: string;
         label: string;
-        id: string;
         role: string;
+        id: string;
         maxLength: number;
         placeholder: string;
     }>;
@@ -187,11 +187,11 @@ declare const QTextField: {
     required: {
         type: import('vue').PropType<boolean>;
     };
-    id: {
+    role: {
         type: import('vue').PropType<string>;
         default: undefined;
     };
-    role: {
+    id: {
         type: import('vue').PropType<string>;
         default: undefined;
     };
@@ -214,8 +214,8 @@ declare const QTextField: {
     class: string | unknown[];
     type: string;
     label: string;
-    id: string;
     role: string;
+    id: string;
     maxLength: number;
     placeholder: string;
 }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {