@quidgest/ui 0.14.12 → 0.14.13

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

@@ -0,0 +1,52 @@
+import { QFileUploadProps } from './types';
+declare const QFileUpload: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: File;
+    } & QFileUploadProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: File) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: File) => any;
+    }, import('vue').PublicProps, {
+        size: "large" | "xlarge" | "xxlarge" | "block";
+        icons: typeof import('./types').DEFAULT_ICONS;
+        texts: typeof import('./types').DEFAULT_TEXTS;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        dropZoneRef: HTMLDivElement;
+        fileInput: HTMLInputElement;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: File;
+    } & QFileUploadProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: File) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        size: "large" | "xlarge" | "xxlarge" | "block";
+        icons: typeof import('./types').DEFAULT_ICONS;
+        texts: typeof import('./types').DEFAULT_TEXTS;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
+    modelValue?: File;
+} & QFileUploadProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: File) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: File) => any;
+}, string, {
+    size: "large" | "xlarge" | "xxlarge" | "block";
+    icons: typeof import('./types').DEFAULT_ICONS;
+    texts: typeof import('./types').DEFAULT_TEXTS;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        extras?(_: {}): any;
+    };
+});
+export { QFileUpload };
+export type { QFileUploadProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QFileUpload/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAK/C,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAgC,CAAA;AAGjD,OAAO,EAAE,WAAW,EAAE,CAAA;AAGtB,YAAY,EAAE,gBAAgB,EAAE,CAAA"}

package/esm/components/QFileUpload/index.js

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

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

@@ -0,0 +1,69 @@
+export type QFileUploadProps = {
+    /**
+     * The field unique identifier.
+     */
+    id?: string;
+    /**
+     * The label of the input.
+     */
+    label?: string;
+    /**
+     * The size category of the field.
+     */
+    size?: 'large' | 'xlarge' | 'xxlarge' | 'block';
+    /**
+     * If set to true, the control is read-only.
+     */
+    readonly?: boolean;
+    /**
+     * If set to true, the control is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * If set to true, an asterisk (*) is displayed
+     * to indicate that the field is required.
+     */
+    required?: boolean;
+    /**
+     * Specifies the accepted file types.
+     */
+    accept?: string | string[];
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[];
+    /**
+     * Custom icon configurations.
+     */
+    icons?: typeof DEFAULT_ICONS;
+    /**
+     * Custom text configurations.
+     */
+    texts?: typeof DEFAULT_TEXTS;
+};
+export declare const DEFAULT_ICONS: {
+    remove: {
+        icon: string;
+    };
+    download: {
+        icon: string;
+    };
+    upload: {
+        icon: string;
+    };
+    file: {
+        icon: string;
+    };
+    empty: {
+        icon: string;
+    };
+};
+export declare const DEFAULT_TEXTS: {
+    dropHereOr: string;
+    chooseFile: string;
+    preview: string;
+    download: string;
+    remove: string;
+    empty: string;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QFileUpload/types.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GAAG;IAC9B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAA;IAE/C;;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,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;CAgBM,CAAA;AAGhC,eAAO,MAAM,aAAa;;;;;;;CAOQ,CAAA"}

package/esm/components/QFileUpload/types.js

@@ -0,0 +1,28 @@
+const e = {
+  remove: {
+    icon: "close"
+  },
+  download: {
+    icon: "download"
+  },
+  upload: {
+    icon: "upload"
+  },
+  file: {
+    icon: "file"
+  },
+  empty: {
+    icon: "diameter-variant"
+  }
+}, o = {
+  dropHereOr: "Drop here or",
+  chooseFile: "Choose file",
+  preview: "Preview",
+  download: "Download attached file",
+  remove: "Remove attached file",
+  empty: "No document attached"
+};
+export {
+  e as DEFAULT_ICONS,
+  o as DEFAULT_TEXTS
+};

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

@@ -91,8 +91,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
+} & {
+    "click:clear": (event: Event) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onClick:clear"?: ((event: Event) => any) | undefined;
 }>, {
     type: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

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":"AA8CA;AAyFC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAM9C,KAAK,WAAW,GAAG,eAAe,CAAC;AAoCpC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA6GT,OAAO,IAA6B;;iCAjBb,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACH,GAAG;wBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAkE2ijB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;EAhDhsjB;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+BsjjB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;OArB/rjB,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":"AAoDA;AAoHC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAqE2je,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;EAnDhte;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+Bske,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;OArB/se,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

@@ -1,13 +1,15 @@
-import { defineComponent as b, mergeModels as h, useModel as q, ref as f, computed as u, createBlock as $, openBlock as k, unref as o, normalizeClass as g, createSlots as v, withCtx as d, withDirectives as x, createElementVNode as R, mergeProps as z, vModelDynamic as B, renderSlot as a } from "vue";
-import { QField as V } from "../QField/index.js";
-import { useId as M } from "../../composables/uid.js";
-const C = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], L = /* @__PURE__ */ b({
+import { defineComponent as C, mergeModels as c, useModel as g, ref as y, computed as o, createBlock as b, openBlock as h, unref as r, normalizeClass as R, createSlots as V, withCtx as a, withDirectives as z, createElementVNode as M, mergeProps as w, vModelDynamic as Q, renderSlot as d, createCommentVNode as D } from "vue";
+import { QField as F } from "../QField/index.js";
+import { QClearButton as L } from "../__internal__/QClearButton/index.js";
+import { useId as N } from "../../composables/uid.js";
+const S = ["id", "type", "role", "required", "placeholder", "readonly", "disabled", "maxlength"], P = /* @__PURE__ */ C({
   inheritAttrs: !1,
   __name: "QTextField",
-  props: /* @__PURE__ */ h({
+  props: /* @__PURE__ */ c({
     id: {},
     placeholder: {},
     label: {},
+    clearable: { type: Boolean },
     size: {},
     maxLength: {},
     readonly: { type: Boolean },
@@ -15,55 +17,59 @@ const C = ["id", "type", "role", "required", "placeholder", "readonly", "disable
     required: { type: Boolean },
     role: {},
     type: { default: "text" },
-    class: {}
+    class: {},
+    texts: {}
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: ["update:modelValue"],
-  setup(r, { expose: m }) {
-    const e = r, n = q(r, "modelValue"), s = M(e.id), t = f(null), i = f(null), y = u(
+  emits: /* @__PURE__ */ c(["click:clear"], ["update:modelValue"]),
+  setup(n, { expose: v, emit: k }) {
+    const e = n, x = k, t = g(n, "modelValue"), s = N(e.id), i = y(null), p = y(null), q = o(
       () => e.readonly || e.disabled ? void 0 : e.placeholder
-    );
-    return m({
-      fieldRef: u(() => {
+    ), u = o(() => e.clearable && !e.readonly && !e.disabled), f = o(() => u.value && t.value);
+    function $(l) {
+      u.value && (t.value = "", x("click:clear", l));
+    }
+    return v({
+      fieldRef: o(() => {
         var l;
-        return (l = t.value) == null ? void 0 : l.fieldRef;
+        return (l = i.value) == null ? void 0 : l.fieldRef;
       }),
-      inputRef: i
-    }), (l, p) => (k(), $(o(V), {
+      inputRef: p
+    }), (l, m) => (h(), b(r(F), {
       ref_key: "fieldRef",
-      ref: t,
-      class: g(["q-text-field", e.class]),
-      for: o(s),
+      ref: i,
+      class: R(["q-text-field", e.class]),
+      for: r(s),
       label: e.label,
       size: e.size,
       readonly: e.readonly,
       disabled: e.disabled,
       required: e.required
-    }, v({
-      "label.prepend": d(() => [
-        a(l.$slots, "label.prepend")
+    }, V({
+      "label.prepend": a(() => [
+        d(l.$slots, "label.prepend")
       ]),
-      "label.append": d(() => [
-        a(l.$slots, "label.append")
+      "label.append": a(() => [
+        d(l.$slots, "label.append")
       ]),
-      default: d(() => [
-        x(R("input", z({
-          id: o(s),
+      default: a(() => [
+        z(M("input", w({
+          id: r(s),
           ref_key: "inputRef",
-          ref: i,
-          "onUpdate:modelValue": p[0] || (p[0] = (c) => n.value = c),
+          ref: p,
+          "onUpdate:modelValue": m[0] || (m[0] = (B) => t.value = B),
           class: "q-text-field__input",
           type: e.type,
           role: e.role,
           required: e.required,
-          placeholder: y.value,
+          placeholder: q.value,
           readonly: e.readonly,
           disabled: e.disabled,
           maxlength: e.maxLength
-        }, l.$attrs), null, 16, C), [
-          [B, n.value]
+        }, l.$attrs), null, 16, S), [
+          [Q, t.value]
         ])
       ]),
       _: 2
@@ -71,22 +77,28 @@ const C = ["id", "type", "role", "required", "placeholder", "readonly", "disable
     }, [
       l.$slots.prepend ? {
         name: "prepend",
-        fn: d(() => [
-          a(l.$slots, "prepend")
+        fn: a(() => [
+          d(l.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
-      l.$slots.append ? {
+      l.$slots.append || f.value ? {
         name: "append",
-        fn: d(() => [
-          a(l.$slots, "append")
+        fn: a(() => [
+          d(l.$slots, "append"),
+          f.value ? (h(), b(r(L), {
+            key: 0,
+            "data-testid": "q-text-field__clear-button",
+            texts: e.texts,
+            onClick: $
+          }, null, 8, ["texts"])) : D("v-if", !0)
         ]),
         key: "1"
       } : void 0,
       l.$slots.extras ? {
         name: "extras",
-        fn: d(() => [
-          a(l.$slots, "extras")
+        fn: a(() => [
+          d(l.$slots, "extras")
         ]),
         key: "2"
       } : void 0
@@ -94,5 +106,5 @@ const C = ["id", "type", "role", "required", "placeholder", "readonly", "disable
   }
 });
 export {
-  L as default
+  P as default
 };

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

@@ -3,11 +3,14 @@ declare const QTextField: {
         modelValue?: string;
     } & import('./types').QTextFieldProps> & Readonly<{
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        "onClick:clear"?: ((event: Event) => 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": (value: string) => any;
+    } & {
+        "click:clear": (event: Event) => any;
     }, import('vue').PublicProps, {
         type: string;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -91,6 +94,7 @@ declare const QTextField: {
         modelValue?: string;
     } & import('./types').QTextFieldProps> & Readonly<{
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        "onClick:clear"?: ((event: Event) => any) | undefined;
     }>, {
         fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
         inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
@@ -104,11 +108,14 @@ declare const QTextField: {
     modelValue?: string;
 } & import('./types').QTextFieldProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onClick:clear"?: ((event: Event) => 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": (value: string) => any;
+} & {
+    "click:clear": (event: Event) => any;
 }, string, {
     type: string;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {

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":"AAMA,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAIyvzB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAJh1zB,CAAA;AAG/C,OAAO,EAAE,UAAU,EAAE,CAAA"}

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

@@ -12,6 +12,10 @@ export type QTextFieldProps = {
      * The label of the input.
      */
     label?: string;
+    /**
+     * Whether the value of the field can be cleared.
+     */
+    clearable?: boolean;
     /**
      * The size of the text field.
      */
@@ -46,5 +50,12 @@ export type QTextFieldProps = {
      * Custom set of classes to apply to the component.
      */
     class?: string | unknown[];
+    /**
+     * Custom text configurations.
+     */
+    texts?: typeof DEFAULT_TEXTS;
+};
+export declare const DEFAULT_TEXTS: {
+    clearValue: string;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAErD,MAAM,MAAM,eAAe,GAAG;IAC7B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;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,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;CAC1B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/types.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAErD,MAAM,MAAM,eAAe,GAAG;IAC7B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;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,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,aAAa;;CAEQ,CAAA"}

package/esm/components/index.d.ts

@@ -1,5 +1,6 @@
 export * from './QAccordion';
 export * from './QBadge';
+export * from './QBadgeIndicator';
 export * from './QButton';
 export * from './QButtonGroup';
 export * from './QButtonToggle';
@@ -8,9 +9,11 @@ export * from './QCheckbox';
 export * from './QCollapsible';
 export * from './QColorPicker';
 export * from './QCombobox';
+export * from './QDateTimePicker';
 export * from './QDialog';
 export * from './QDropdownMenu';
 export * from './QField';
+export * from './QFileUpload';
 export * from './QIcon';
 export * from './QInputGroup';
 export * from './QLineLoader';

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,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,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,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,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,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,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA"}

package/esm/components/index.js

@@ -1,62 +1,68 @@
 import { QAccordion as e } from "./QAccordion/index.js";
 import { QBadge as p } from "./QBadge/index.js";
-import { QButton as m } from "./QButton/index.js";
-import { QButtonGroup as f } from "./QButtonGroup/index.js";
-import { QButtonToggle as n } from "./QButtonToggle/index.js";
-import { QCard as L } from "./QCard/index.js";
-import { QCheckbox as a } from "./QCheckbox/index.js";
-import { QCollapsible as u } from "./QCollapsible/index.js";
-import { QColorPicker as I } from "./QColorPicker/index.js";
-import { QCombobox as g } from "./QCombobox/index.js";
-import { QDialog as C } from "./QDialog/index.js";
-import { QDropdownMenu as v } from "./QDropdownMenu/index.js";
-import { QField as G } from "./QField/index.js";
-import { QIcon as T, QIconFont as k, QIconImg as F, QIconSvg as h } from "./QIcon/index.js";
-import { QInputGroup as D } from "./QInputGroup/index.js";
-import { QLineLoader as M } from "./QLineLoader/index.js";
-import { QList as R, QListItem as j, QListItemGroup as q } from "./QList/index.js";
-import { QOverlay as E } from "./QOverlay/index.js";
-import { QPopover as J } from "./QPopover/index.js";
-import { QPropertyList as N, QPropertyListGroup as U, QPropertyListPanel as V, QPropertyListRow as W } from "./QPropertyList/index.js";
-import { QSelect as Y } from "./QSelect/index.js";
-import { QSkeletonLoader as _ } from "./QSkeletonLoader/index.js";
-import { QSpinnerLoader as oo } from "./QSpinnerLoader/index.js";
-import { QTextField as eo } from "./QTextField/index.js";
-import { QThemeProvider as po } from "./QThemeProvider/index.js";
-import { QTooltip as mo } from "./QTooltip/index.js";
+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 { QColorPicker as g } from "./QColorPicker/index.js";
+import { QCombobox as B } from "./QCombobox/index.js";
+import { QDateTimePicker as T } from "./QDateTimePicker/index.js";
+import { QDialog as k } from "./QDialog/index.js";
+import { QDropdownMenu as F } from "./QDropdownMenu/index.js";
+import { QField as S } from "./QField/index.js";
+import { QFileUpload as h } 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 { QTextField as fo } from "./QTextField/index.js";
+import { QThemeProvider as no } from "./QThemeProvider/index.js";
+import { QTooltip as ao } from "./QTooltip/index.js";
 export {
   e as QAccordion,
   p as QBadge,
-  m as QButton,
-  f as QButtonGroup,
-  n as QButtonToggle,
-  L as QCard,
-  a as QCheckbox,
-  u as QCollapsible,
-  I as QColorPicker,
-  g as QCombobox,
-  C as QDialog,
-  v as QDropdownMenu,
-  G as QField,
-  T as QIcon,
-  k as QIconFont,
-  F as QIconImg,
-  h as QIconSvg,
-  D as QInputGroup,
-  M as QLineLoader,
-  R as QList,
-  j as QListItem,
-  q as QListItemGroup,
-  E as QOverlay,
-  J as QPopover,
-  N as QPropertyList,
-  U as QPropertyListGroup,
-  V as QPropertyListPanel,
-  W as QPropertyListRow,
-  Y as QSelect,
-  _ as QSkeletonLoader,
-  oo as QSpinnerLoader,
-  eo as QTextField,
-  po as QThemeProvider,
-  mo as QTooltip
+  m as QBadgeIndicator,
+  f as QButton,
+  n as QButtonGroup,
+  a as QButtonToggle,
+  c as QCard,
+  u as QCheckbox,
+  P as QCollapsible,
+  g as QColorPicker,
+  B as QCombobox,
+  T as QDateTimePicker,
+  k as QDialog,
+  F as QDropdownMenu,
+  S as QField,
+  h 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 QTextField,
+  no as QThemeProvider,
+  ao as QTooltip
 };

package/esm/composables/maska.d.ts

@@ -0,0 +1,28 @@
+import { MaskOptions, MaskInput } from 'maska';
+import { Ref } from 'vue';
+/**
+ * Creates and manages a masked input instance on a given HTML input element.
+ *
+ * This function initializes a MaskInput instance using the provided HTML input element or a ref to the element.
+ * It applies mask options if provided, and listens for changes in the options to update the mask instance dynamically.
+ * The mask is automatically destroyed when the component is unmounted.
+ *
+ * @param target - The HTML input element or a ref to the HTML input element where the mask should be applied.
+ * @param options - (Optional) A ref to a set of mask options to configure the input mask. The mask instance will be updated
+ *                  when these options change.
+ *
+ * @returns An object containing a "maska" ref to the MaskInput instance.
+ *
+ * @example
+ * ```ts
+ * const inputRef = ref<HTMLInputElement | null>(null);
+ * const maskOptions = ref<MaskOptions>({ mask: '###-##-####', tokens: { '#': { pattern: /\d/ } } });
+ * const { maska } = useMaska(inputRef, maskOptions);
+ * ```
+ *
+ * @see MaskInput for more details on how the mask is implemented.
+ */
+export declare function useMaska(target: HTMLInputElement | Ref<HTMLInputElement | null | undefined>, options?: Ref<MaskOptions>): {
+    maska: Ref<MaskInput, MaskInput>;
+};
+//# sourceMappingURL=maska.d.ts.map

package/esm/composables/maska.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"maska.d.ts","sourceRoot":"","sources":["../../src/composables/maska.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAG9B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,QAAQ,CACvB,MAAM,EAAE,gBAAgB,GAAG,GAAG,CAAC,gBAAgB,GAAG,IAAI,GAAG,SAAS,CAAC,EACnE,OAAO,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC;;EAmC1B"}

package/esm/composables/maska.js

@@ -0,0 +1,26 @@
+import { MaskInput as m } from "../vendors/maska/dist/maska.js";
+import { ref as c, onMounted as d, onUnmounted as f, watch as o } from "vue";
+function M(u, e) {
+  const n = c(null), r = () => {
+    const a = u instanceof HTMLInputElement ? u : u.value;
+    if (!a)
+      throw new Error("Input element is required");
+    n.value = new m(a, e == null ? void 0 : e.value), e && o(
+      e,
+      (s) => {
+        var t;
+        (t = n.value) == null || t.update(s);
+      },
+      { deep: !0 }
+    );
+  }, l = () => {
+    var a;
+    (a = n.value) == null || a.destroy(), n.value = null;
+  };
+  return d(r), f(l), {
+    maska: n
+  };
+}
+export {
+  M as useMaska
+};