@quidgest/ui 0.14.18 → 0.14.19

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

@@ -1,11 +1,11 @@
-import { defineComponent as X, mergeModels as I, useModel as j, ref as f, computed as b, watch as G, nextTick as J, createElementBlock as m, openBlock as n, Fragment as N, createVNode as k, unref as i, mergeProps as D, withModifiers as F, createSlots as Y, withCtx as d, toDisplayString as O, createCommentVNode as g, createTextVNode as Z, renderSlot as c, createBlock as h, normalizeProps as ee, createElementVNode as le } from "vue";
+import { defineComponent as X, mergeModels as I, useModel as j, ref as f, computed as b, watch as G, nextTick as J, createElementBlock as m, openBlock as n, Fragment as N, createVNode as k, unref as i, mergeProps as D, withModifiers as F, createSlots as Y, withCtx as r, toDisplayString as O, createCommentVNode as g, createTextVNode as Z, renderSlot as c, createBlock as h, normalizeProps as ee, createElementVNode as le } from "vue";
 import { DEFAULT_TEXTS as oe, DEFAULT_ICONS as te } from "./types.js";
 import { QButton as ae } from "../QButton/index.js";
 import { QField as ne } from "../QField/index.js";
 import { QIcon as ie } from "../QIcon/index.js";
 import { QList as se } from "../QList/index.js";
-import { QOverlay as re } from "../QOverlay/index.js";
-import { QSpinnerLoader as de } from "../QSpinnerLoader/index.js";
+import { QOverlay as de } from "../QOverlay/index.js";
+import { QSpinnerLoader as re } from "../QSpinnerLoader/index.js";
 import { QChevron as ue } from "../__internal__/QChevron/index.js";
 import { QClearButton as ce } from "../__internal__/QClearButton/index.js";
 const fe = {
@@ -14,7 +14,7 @@ const fe = {
 }, me = {
   key: 1,
   class: "q-select__placeholder"
-}, pe = ["data-key"], ye = {
+}, pe = ["data-key"], ve = {
   key: 0,
   class: "q-select__loader"
 }, qe = /* @__PURE__ */ X({
@@ -29,6 +29,7 @@ const fe = {
     readonly: { type: Boolean },
     disabled: { type: Boolean },
     required: { type: Boolean },
+    invalid: { type: Boolean },
     items: {},
     groups: { default: () => [] },
     itemValue: { default: "key" },
@@ -44,10 +45,10 @@ const fe = {
   }),
   emits: /* @__PURE__ */ I(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
   setup(x, { emit: R }) {
-    const e = x, p = R, y = j(x, "modelValue"), t = f(!1), w = f(""), v = f(null), _ = f(null), V = f(null), A = b(() => u.value === void 0), u = b(
+    const e = x, p = R, v = j(x, "modelValue"), t = f(!1), w = f(""), y = f(null), _ = f(null), V = f(null), A = b(() => u.value === void 0), u = b(
       () => {
         var l;
-        return (l = e.items) == null ? void 0 : l.find((o) => o[e.itemValue] === y.value);
+        return (l = e.items) == null ? void 0 : l.find((o) => o[e.itemValue] === v.value);
       }
     ), M = b(
       () => u.value ? u.value[e.itemLabel] : ""
@@ -55,14 +56,14 @@ const fe = {
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
     function B(l) {
-      y.value = l, q();
+      v.value = l, q();
     }
     function L() {
       E.value && (B(e.emptyValue), T());
     }
     function U(l) {
       var o, s, a;
-      !((o = V.value) != null && o.contains(l.relatedTarget)) && !((a = (s = v.value) == null ? void 0 : s.fieldRef) != null && a.contains(l.relatedTarget)) && q();
+      !((o = V.value) != null && o.contains(l.relatedTarget)) && !((a = (s = y.value) == null ? void 0 : s.fieldRef) != null && a.contains(l.relatedTarget)) && q();
     }
     function K() {
       t.value || (p("before-show"), t.value = !0);
@@ -100,7 +101,7 @@ const fe = {
     }
     function T() {
       var l, o;
-      (o = (l = v.value) == null ? void 0 : l.fieldRef) == null || o.focus();
+      (o = (l = y.value) == null ? void 0 : l.fieldRef) == null || o.focus();
     }
     function Q() {
       var l;
@@ -124,7 +125,7 @@ const fe = {
           k(i(ne), D({
             id: e.id,
             ref_key: "triggerEl",
-            ref: v,
+            ref: y,
             label: e.label,
             required: e.required,
             role: "combobox",
@@ -142,14 +143,15 @@ const fe = {
             "data-loading": e.loading,
             "aria-expanded": t.value,
             "aria-haspopup": "listbox",
-            size: e.size
+            size: e.size,
+            invalid: e.invalid
           }, l.$attrs, {
             onClick: C,
             onKeydown: F($, ["stop"])
           }), Y({
-            append: d(() => [
+            append: r(() => [
               c(l.$slots, "append"),
-              E.value && y.value ? (n(), h(i(ce), {
+              E.value && v.value ? (n(), h(i(ce), {
                 key: 0,
                 icons: e.icons,
                 texts: e.texts,
@@ -165,7 +167,7 @@ const fe = {
                 disabled: e.disabled,
                 onClick: C
               }, {
-                default: d(() => [
+                default: r(() => [
                   k(i(ue), {
                     "model-value": t.value,
                     icons: e.icons
@@ -175,7 +177,7 @@ const fe = {
                 /* STABLE */
               }, 8, ["aria-label", "disabled"]))
             ]),
-            default: d(() => [
+            default: r(() => [
               A.value ? (n(), m("span", me, [
                 !e.readonly && !e.disabled ? (n(), m(
                   N,
@@ -203,11 +205,11 @@ const fe = {
           }, [
             (s = u.value) != null && s.icon || l.$slots.prepend ? {
               name: "prepend",
-              fn: d(() => {
-                var r, z;
+              fn: r(() => {
+                var d, z;
                 return [
                   c(l.$slots, "prepend"),
-                  (r = u.value) != null && r.icon ? (n(), h(
+                  (d = u.value) != null && d.icon ? (n(), h(
                     i(ie),
                     ee(D({ key: 0 }, (z = u.value) == null ? void 0 : z.icon)),
                     null,
@@ -220,26 +222,26 @@ const fe = {
             } : void 0,
             l.$slots.extras ? {
               name: "extras",
-              fn: d(() => [
+              fn: r(() => [
                 c(l.$slots, "extras")
               ]),
               key: "1"
             } : void 0
-          ]), 1040, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "data-loading", "aria-expanded", "size"]),
-          k(i(re), {
+          ]), 1040, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "data-loading", "aria-expanded", "size", "invalid"]),
+          k(i(de), {
             modelValue: t.value,
-            "onUpdate:modelValue": o[0] || (o[0] = (r) => t.value = r),
+            "onUpdate:modelValue": o[0] || (o[0] = (d) => t.value = d),
             spy: "",
             trigger: "manual",
             placement: "bottom-start",
             width: "anchor",
             "scroll-lock": "",
-            anchor: (a = v.value) == null ? void 0 : a.$el,
+            anchor: (a = y.value) == null ? void 0 : a.$el,
             offset: 2,
             onEnter: P,
             onLeave: H
           }, {
-            default: d(() => [
+            default: r(() => [
               le("div", {
                 ref_key: "contentRef",
                 ref: V,
@@ -251,23 +253,23 @@ const fe = {
                 onKeydown: F($, ["stop"])
               }, [
                 c(l.$slots, "body.prepend"),
-                e.loading ? (n(), m("div", ye, [
-                  k(i(de), { size: 24 })
+                e.loading ? (n(), m("div", ve, [
+                  k(i(re), { size: 24 })
                 ])) : (n(), h(i(se), {
                   key: 1,
                   ref_key: "listRef",
                   ref: _,
                   class: "q-select__items",
                   selectable: "",
-                  "model-value": y.value,
+                  "model-value": v.value,
                   items: e.items,
                   groups: l.groups,
                   "item-label": e.itemLabel,
                   "item-value": e.itemValue,
                   "onUpdate:modelValue": B
                 }, {
-                  item: d(({ item: r }) => [
-                    c(l.$slots, "item", { item: r })
+                  item: r(({ item: d }) => [
+                    c(l.$slots, "item", { item: d })
                   ]),
                   _: 3
                   /* FORWARDED */

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

@@ -4,10 +4,12 @@ declare const QSelect: {
     } & import('../../types/component').QBaseComponentProps & {
         label?: string;
         for?: string;
+    } & {
         size?: import('..').QFieldSize;
         readonly?: boolean;
         disabled?: boolean;
         required?: boolean;
+        invalid?: boolean;
     } & {
         items?: (Omit<import('..').QListItemProps, "value" | "label"> & {
             [key: string]: any;
@@ -56,6 +58,7 @@ declare const QSelect: {
                 readonly readonly?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly required?: boolean | undefined;
+                readonly invalid?: boolean | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
@@ -300,10 +303,12 @@ declare const QSelect: {
     } & import('../../types/component').QBaseComponentProps & {
         label?: string;
         for?: string;
+    } & {
         size?: import('..').QFieldSize;
         readonly?: boolean;
         disabled?: boolean;
         required?: boolean;
+        invalid?: boolean;
     } & {
         items?: (Omit<import('..').QListItemProps, "value" | "label"> & {
             [key: string]: any;
@@ -341,10 +346,12 @@ declare const QSelect: {
 } & import('../../types/component').QBaseComponentProps & {
     label?: string;
     for?: string;
+} & {
     size?: import('..').QFieldSize;
     readonly?: boolean;
     disabled?: boolean;
     required?: boolean;
+    invalid?: boolean;
 } & {
     items?: (Omit<import('..').QListItemProps, "value" | "label"> & {
         [key: string]: any;

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAI2wzB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAJr2zB,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAI2wzB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAJr2zB,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/esm/components/QTextArea/QTextArea.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as b, mergeModels as h, useModel as z, computed as s, ref as g, createBlock as x, openBlock as w, unref as o, normalizeClass as q, createSlots as $, withCtx as a, withDirectives as k, createElementVNode as v, mergeProps as B, toHandlers as M, vModelText as V, renderSlot as r } from "vue";
+import { defineComponent as b, mergeModels as h, useModel as z, computed as o, ref as g, createBlock as x, openBlock as w, unref as s, normalizeClass as q, createSlots as $, withCtx as a, withDirectives as v, createElementVNode as B, mergeProps as k, toHandlers as M, vModelText as V, renderSlot as r } from "vue";
 import { QField as L } from "../QField/index.js";
 import { useId as A } from "../../composables/uid.js";
 import { useTextareaAutosize as C } from "../../vendors/@vueuse/core/index.js";
@@ -14,6 +14,7 @@ const H = ["id", "required", "placeholder", "readonly", "disabled", "maxlength",
     readonly: { type: Boolean },
     disabled: { type: Boolean },
     required: { type: Boolean },
+    invalid: { type: Boolean },
     placeholder: {},
     maxLength: {},
     rows: { default: 3 },
@@ -27,20 +28,20 @@ const H = ["id", "required", "placeholder", "readonly", "disabled", "maxlength",
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const e = t, d = z(t, "modelValue"), n = A(e.id), m = s(
+    const e = t, d = z(t, "modelValue"), n = A(e.id), m = o(
       () => e.readonly || e.disabled ? void 0 : e.placeholder
-    ), f = s(() => ({ input: e.autosize ? c : null })), i = g(), { triggerResize: c } = C({
-      element: s(() => e.autosize ? i.value : void 0),
+    ), f = o(() => ({ input: e.autosize ? c : null })), i = g(), { triggerResize: c } = C({
+      element: o(() => e.autosize ? i.value : void 0),
       styleProp: "minHeight"
-    }), p = s({
+    }), p = o({
       get: () => d.value,
       set: (l) => {
         d.value = e.maxLength ? l == null ? void 0 : l.slice(0, e.maxLength) : l;
       }
     });
-    return (l, u) => (w(), x(o(L), {
+    return (l, u) => (w(), x(s(L), {
       class: q(["q-text-area", e.class]),
-      for: o(n),
+      for: s(n),
       label: e.label,
       size: e.size,
       readonly: e.readonly,
@@ -54,8 +55,8 @@ const H = ["id", "required", "placeholder", "readonly", "disabled", "maxlength",
         r(l.$slots, "label.append")
       ]),
       default: a(() => [
-        k(v("textarea", B({
-          id: o(n),
+        v(B("textarea", k({
+          id: s(n),
           ref_key: "textareaRef",
           ref: i,
           "onUpdate:modelValue": u[0] || (u[0] = (y) => p.value = y),

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

@@ -4,10 +4,12 @@ declare const QTextArea: {
     } & import('../../types/component').QBaseComponentProps & {
         label?: string;
         for?: string;
+    } & {
         size?: import('..').QFieldSize;
         readonly?: boolean;
         disabled?: boolean;
         required?: boolean;
+        invalid?: boolean;
     } & {
         placeholder?: string;
         maxLength?: number;
@@ -38,10 +40,12 @@ declare const QTextArea: {
     } & import('../../types/component').QBaseComponentProps & {
         label?: string;
         for?: string;
+    } & {
         size?: import('..').QFieldSize;
         readonly?: boolean;
         disabled?: boolean;
         required?: boolean;
+        invalid?: boolean;
     } & {
         placeholder?: string;
         maxLength?: number;
@@ -65,10 +69,12 @@ declare const QTextArea: {
 } & import('../../types/component').QBaseComponentProps & {
     label?: string;
     for?: string;
+} & {
     size?: import('..').QFieldSize;
     readonly?: boolean;
     disabled?: boolean;
     required?: boolean;
+    invalid?: boolean;
 } & {
     placeholder?: string;
     maxLength?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QTextArea/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA8B,CAAA;AAG7C,OAAO,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QTextArea/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA8B,CAAA;AAG7C,OAAO,EAAE,SAAS,EAAE,CAAA"}

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

@@ -25,6 +25,7 @@ declare function __VLS_template(): {
                 readonly readonly?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly required?: boolean | undefined;
+                readonly invalid?: boolean | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
@@ -111,6 +112,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             readonly readonly?: boolean | undefined;
             readonly disabled?: boolean | undefined;
             readonly required?: boolean | undefined;
+            readonly invalid?: boolean | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;

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

@@ -1 +1 @@
-{"version":3,"file":"QTextField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/QTextField.vue"],"names":[],"mappings":"AAkDA;AAkHC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAM9C,KAAK,WAAW,GAAG,eAAe,CAAC;AAwDpC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAgIT,OAAO,IAA6B;;iCAjBb,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACH,GAAG;wBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAqEuqe,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;EAnD5ze;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+Bkre,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;OArB3ze,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":"QTextField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/QTextField.vue"],"names":[],"mappings":"AAmDA;AAmHC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAM9C,KAAK,WAAW,GAAG,eAAe,CAAC;AAwDpC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAkIT,OAAO,IAA6B;;iCAjBb,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACH,GAAG;wBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAqEole,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;EAnDzue;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+B+le,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;OArBxue,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/QTextField/QTextField.vue.js

@@ -14,6 +14,7 @@ const _ = ["id", "type", "required", "placeholder", "readonly", "disabled"], T =
     readonly: { type: Boolean },
     disabled: { type: Boolean },
     required: { type: Boolean },
+    invalid: { type: Boolean },
     placeholder: {},
     clearable: { type: Boolean },
     type: { default: "text" },
@@ -24,10 +25,10 @@ const _ = ["id", "type", "required", "placeholder", "readonly", "disabled"], T =
   }),
   emits: /* @__PURE__ */ m(["click:clear"], ["update:modelValue"]),
   setup(n, { expose: k, emit: q }) {
-    const e = n, h = q, t = R(n, "modelValue"), s = S(e.id), i = y(null), p = y(null), $ = o(
+    const e = n, h = q, t = R(n, "modelValue"), s = S(e.id), i = y(null), p = y(null), B = o(
       () => e.readonly || e.disabled ? void 0 : e.placeholder
     ), u = o(() => e.clearable && !e.readonly && !e.disabled), f = o(() => u.value && t.value);
-    function B(l) {
+    function $(l) {
       u.value && (t.value = "", h("click:clear", l));
     }
     return k({
@@ -45,7 +46,8 @@ const _ = ["id", "type", "required", "placeholder", "readonly", "disabled"], T =
       size: e.size,
       readonly: e.readonly,
       disabled: e.disabled,
-      required: e.required
+      required: e.required,
+      invalid: e.invalid
     }, z({
       "label.prepend": a(() => [
         d(l.$slots, "label.prepend")
@@ -62,7 +64,7 @@ const _ = ["id", "type", "required", "placeholder", "readonly", "disabled"], T =
           class: "q-text-field__input",
           type: e.type,
           required: e.required,
-          placeholder: $.value,
+          placeholder: B.value,
           readonly: e.readonly,
           disabled: e.disabled
         }, l.$attrs), null, 16, _), [
@@ -87,7 +89,7 @@ const _ = ["id", "type", "required", "placeholder", "readonly", "disabled"], T =
             key: 0,
             "data-testid": "q-text-field__clear-button",
             texts: e.texts,
-            onClick: B
+            onClick: $
           }, null, 8, ["texts"])) : D("v-if", !0)
         ]),
         key: "1"
@@ -99,7 +101,7 @@ const _ = ["id", "type", "required", "placeholder", "readonly", "disabled"], T =
         ]),
         key: "2"
       } : void 0
-    ]), 1032, ["class", "for", "label", "size", "readonly", "disabled", "required"]));
+    ]), 1032, ["class", "for", "label", "size", "readonly", "disabled", "required", "invalid"]));
   }
 });
 export {

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

@@ -1,13 +1,16 @@
+import { QTextFieldProps } from './types';
 declare const QTextField: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         modelValue?: string;
     } & import('../../types/component').QBaseComponentProps & {
         label?: string;
         for?: string;
+    } & {
         size?: import('..').QFieldSize;
         readonly?: boolean;
         disabled?: boolean;
         required?: boolean;
+        invalid?: boolean;
     } & {
         placeholder?: string;
         clearable?: boolean;
@@ -38,6 +41,7 @@ declare const QTextField: {
                 readonly readonly?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly required?: boolean | undefined;
+                readonly invalid?: boolean | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
@@ -107,10 +111,12 @@ declare const QTextField: {
     } & import('../../types/component').QBaseComponentProps & {
         label?: string;
         for?: string;
+    } & {
         size?: import('..').QFieldSize;
         readonly?: boolean;
         disabled?: boolean;
         required?: boolean;
+        invalid?: boolean;
     } & {
         placeholder?: string;
         clearable?: boolean;
@@ -133,10 +139,12 @@ declare const QTextField: {
 } & import('../../types/component').QBaseComponentProps & {
     label?: string;
     for?: string;
+} & {
     size?: import('..').QFieldSize;
     readonly?: boolean;
     disabled?: boolean;
     required?: boolean;
+    invalid?: boolean;
 } & {
     placeholder?: string;
     clearable?: boolean;
@@ -164,4 +172,5 @@ declare const QTextField: {
     };
 });
 export { QTextField };
+export type { QTextFieldProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAIyvzB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAJh1zB,CAAA;AAG/C,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAK9C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAO+ozB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAPtuzB,CAAA;AAG/C,OAAO,EAAE,UAAU,EAAE,CAAA;AAGrB,YAAY,EAAE,eAAe,EAAE,CAAA"}

package/esm/components/index.d.ts

@@ -16,9 +16,12 @@ export * from './QField';
 export * from './QFileUpload';
 export * from './QIcon';
 export * from './QInputGroup';
+export * from './QLabel';
 export * from './QLineLoader';
 export * from './QList';
+export * from './QMeter';
 export * from './QOverlay';
+export * from './QPasswordField';
 export * from './QPopover';
 export * from './QPropertyList';
 export * from './QSelect';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA"}

package/esm/components/index.js

@@ -4,30 +4,33 @@ import { QBadgeIndicator as m } from "./QBadgeIndicator/index.js";
 import { QButton as f } from "./QButton/index.js";
 import { QButtonGroup as n } from "./QButtonGroup/index.js";
 import { QButtonToggle as a } from "./QButtonToggle/index.js";
-import { QCard as c } from "./QCard/index.js";
-import { QCheckbox as u } from "./QCheckbox/index.js";
-import { QCollapsible as P } from "./QCollapsible/index.js";
+import { QCard as L } from "./QCard/index.js";
+import { QCheckbox as s } from "./QCheckbox/index.js";
+import { QCollapsible as u } from "./QCollapsible/index.js";
 import { QColorPicker as g } from "./QColorPicker/index.js";
-import { QCombobox as y } from "./QCombobox/index.js";
-import { QDateTimePicker as C } from "./QDateTimePicker/index.js";
-import { QDialog as k } from "./QDialog/index.js";
-import { QDropdownMenu as F } from "./QDropdownMenu/index.js";
+import { QCombobox as b } from "./QCombobox/index.js";
+import { QDateTimePicker as B } from "./QDateTimePicker/index.js";
+import { QDialog as F } from "./QDialog/index.js";
+import { QDropdownMenu as v } from "./QDropdownMenu/index.js";
 import { QField as S } from "./QField/index.js";
-import { QFileUpload as h } from "./QFileUpload/index.js";
+import { QFileUpload as D } from "./QFileUpload/index.js";
 import { QIcon as A, QIconFont as M, QIconImg as O, QIconSvg as R } from "./QIcon/index.js";
 import { QInputGroup as j } from "./QInputGroup/index.js";
-import { QLineLoader as z } from "./QLineLoader/index.js";
-import { QList as H, QListItem as J, QListItemGroup as K } from "./QList/index.js";
-import { QOverlay as V } from "./QOverlay/index.js";
-import { QPopover as X } from "./QPopover/index.js";
-import { QPropertyList as Z, QPropertyListGroup as _, QPropertyListPanel as $, QPropertyListRow as oo } from "./QPropertyList/index.js";
-import { QSelect as eo } from "./QSelect/index.js";
-import { QSkeletonLoader as po } from "./QSkeletonLoader/index.js";
-import { QSpinnerLoader as mo } from "./QSpinnerLoader/index.js";
-import { QTextArea as fo } from "./QTextArea/index.js";
-import { QTextField as no } from "./QTextField/index.js";
-import { QThemeProvider as ao } from "./QThemeProvider/index.js";
-import { QTooltip as Lo } from "./QTooltip/index.js";
+import { QLabel as z } from "./QLabel/index.js";
+import { QLineLoader as H } from "./QLineLoader/index.js";
+import { QList as K, QListItem as N, QListItemGroup as V } from "./QList/index.js";
+import { QMeter as X } from "./QMeter/index.js";
+import { QOverlay as Z } from "./QOverlay/index.js";
+import { QPasswordField as $ } from "./QPasswordField/index.js";
+import { QPopover as ro } from "./QPopover/index.js";
+import { QPropertyList as to, QPropertyListGroup as po, QPropertyListPanel as Qo, QPropertyListRow as mo } from "./QPropertyList/index.js";
+import { QSelect as fo } from "./QSelect/index.js";
+import { QSkeletonLoader as no } from "./QSkeletonLoader/index.js";
+import { QSpinnerLoader as ao } from "./QSpinnerLoader/index.js";
+import { QTextArea as co } from "./QTextArea/index.js";
+import { QTextField as Po } from "./QTextField/index.js";
+import { QThemeProvider as Io } from "./QThemeProvider/index.js";
+import { QTooltip as To } from "./QTooltip/index.js";
 export {
   e as QAccordion,
   p as QBadge,
@@ -35,36 +38,39 @@ export {
   f as QButton,
   n as QButtonGroup,
   a as QButtonToggle,
-  c as QCard,
-  u as QCheckbox,
-  P as QCollapsible,
+  L as QCard,
+  s as QCheckbox,
+  u as QCollapsible,
   g as QColorPicker,
-  y as QCombobox,
-  C as QDateTimePicker,
-  k as QDialog,
-  F as QDropdownMenu,
+  b as QCombobox,
+  B as QDateTimePicker,
+  F as QDialog,
+  v as QDropdownMenu,
   S as QField,
-  h as QFileUpload,
+  D as QFileUpload,
   A as QIcon,
   M as QIconFont,
   O as QIconImg,
   R as QIconSvg,
   j as QInputGroup,
-  z as QLineLoader,
-  H as QList,
-  J as QListItem,
-  K as QListItemGroup,
-  V as QOverlay,
-  X as QPopover,
-  Z as QPropertyList,
-  _ as QPropertyListGroup,
-  $ as QPropertyListPanel,
-  oo as QPropertyListRow,
-  eo as QSelect,
-  po as QSkeletonLoader,
-  mo as QSpinnerLoader,
-  fo as QTextArea,
-  no as QTextField,
-  ao as QThemeProvider,
-  Lo as QTooltip
+  z as QLabel,
+  H as QLineLoader,
+  K as QList,
+  N as QListItem,
+  V as QListItemGroup,
+  X as QMeter,
+  Z as QOverlay,
+  $ as QPasswordField,
+  ro as QPopover,
+  to as QPropertyList,
+  po as QPropertyListGroup,
+  Qo as QPropertyListPanel,
+  mo as QPropertyListRow,
+  fo as QSelect,
+  no as QSkeletonLoader,
+  ao as QSpinnerLoader,
+  co as QTextArea,
+  Po as QTextField,
+  Io as QThemeProvider,
+  To as QTooltip
 };

package/esm/composables/useColorStyle/index.d.ts

@@ -0,0 +1,11 @@
+import { MaybeRef } from 'vue';
+import { UseColorStyleReturn } from './types';
+/**
+ * useColorStyle - Computes color styles based on a given color and variant.
+ *
+ * @param color - The base color (can be a utility color or custom color).
+ * @param variant - Determines text/background styling behavior.
+ * @returns Computed color styling properties.
+ */
+export declare function useColorStyle(color: MaybeRef<string | undefined>, variant: MaybeRef<string>): UseColorStyleReturn;
+//# sourceMappingURL=index.d.ts.map

package/esm/composables/useColorStyle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useColorStyle/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAc,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAO9D;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC5B,KAAK,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,EACnC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,GACvB,mBAAmB,CAqDrB"}