@quidgest/ui 0.14.10 → 0.14.12

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":"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"}
+{"version":3,"file":"QCollapsible.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCollapsible/QCollapsible.vue"],"names":[],"mappings":"AAuEA;AAoJC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAGhD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAKvC,KAAK,WAAW,GAAG,iBAAiB,CAAC;AA6DtC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA2IT,OAAO,IAA6B;;sBAfvB,GAAG;sBAGH,GAAG;iCAFQ,GAAG;gCACJ,GAAG;0BAET,GAAG;yBACJ,GAAG;;;;EAehC;AAmBD,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;AAapG,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,23 +1,23 @@
-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 { defineComponent as y, mergeModels as T, useModel as w, computed as r, watch as N, createBlock as $, openBlock as c, unref as a, normalizeClass as _, withCtx as d, createElementVNode as n, renderSlot as i, createElementBlock as u, createCommentVNode as o, createVNode as p, toDisplayString as b, 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";
-import { DEFAULT_ICONS as O } from "./types.js";
-import { useGroupItem as R } from "../../composables/group.js";
-import { useId as L } from "../../composables/uid.js";
-const Q = {
+import { QButton as I } from "../QButton/index.js";
+import { QChevron as h } from "../__internal__/QChevron/index.js";
+import { DEFAULT_ICONS as V } from "./types.js";
+import { useGroupItem as O } from "../../composables/group.js";
+import { useId as R } from "../../composables/uid.js";
+const L = {
   key: 0,
   class: "q-collapsible__header"
-}, S = { class: "q-collapsible__title" }, A = { class: "q-collapsible__title-text" }, H = {
+}, Q = { class: "q-collapsible__title" }, S = { class: "q-collapsible__title-text" }, A = {
   key: 1,
   class: "q-collapsible--required"
-}, M = {
+}, H = {
   key: 0,
   class: "q-collapsible__subtitle"
-}, D = { class: "q-collapsible__content-inner" }, F = { class: "q-collapsible__content" }, W = /* @__PURE__ */ T({
+}, M = { class: "q-collapsible__content-inner" }, D = { class: "q-collapsible__content" }, P = /* @__PURE__ */ y({
   __name: "QCollapsible",
-  props: /* @__PURE__ */ w({
-    id: { default: void 0 },
+  props: /* @__PURE__ */ T({
+    id: {},
     title: {},
     subtitle: {},
     width: { default: "fit-content" },
@@ -25,86 +25,80 @@ const Q = {
     spacing: {},
     variant: {},
     iconRight: { type: Boolean },
-    icons: { default: () => O }
+    icons: { default: () => V }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(v) {
-    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;
+    const l = v, s = w(v, "modelValue"), m = R(l.id), t = O(m), q = r(() => l.width === "block" ? "block" : void 0), g = r(() => {
+      const e = l.spacing && l.spacing !== "comfortable" ? `q-collapsible--${l.spacing}` : void 0, f = l.variant && l.variant !== "default" ? `q-collapsible--${l.variant}` : void 0;
       return [
         "q-collapsible",
         e,
-        b,
+        f,
         {
-          "q-collapsible--icon-right": l.iconRight,
-          "q-collapsible--expanded": i.value
+          "q-collapsible--icon-right": l.iconRight
         }
       ];
-    }), y = r(() => [
+    }), C = r(() => [
       "q-collapsible__content-wrapper",
       {
-        "q-collapsible__content-show": i.value
+        "q-collapsible__content-show": s.value
       }
-    ]), C = () => {
-      i.value = !i.value, t == null || t.toggle();
+    ]), k = () => {
+      s.value = !s.value, t == null || t.toggle();
     };
     return N(
       () => t == null ? void 0 : t.isActive.value,
-      () => i.value = t == null ? void 0 : t.isActive.value
-    ), (e, b) => (c(), $(a(E), {
-      id: a(_),
-      class: f(k.value),
-      width: g.value
+      () => s.value = t == null ? void 0 : t.isActive.value
+    ), (e, f) => (c(), $(a(E), {
+      id: a(m),
+      class: _(g.value),
+      width: q.value
     }, {
       header: d(() => [
-        e.title ? (c(), u("div", Q, [
-          p(a(V), {
+        e.title ? (c(), u("div", L, [
+          p(a(I), {
             "b-style": "tertiary",
             class: "q-collapsible__btn",
-            onClick: C
+            onClick: k
           }, {
             default: d(() => [
               o(" TITLE "),
-              n("div", S, [
+              n("div", Q, [
                 o(" ICON ON THE LEFT "),
-                e.iconRight ? o("v-if", !0) : s(e.$slots, "icon", { key: 0 }, () => [
-                  p(
-                    a(q),
-                    h({ class: "q-collapsible__chevron" }, l.icons.chevron),
-                    null,
-                    16
-                    /* FULL_PROPS */
-                  )
+                e.iconRight ? o("v-if", !0) : i(e.$slots, "icon", { key: 0 }, () => [
+                  p(a(h), {
+                    "model-value": s.value,
+                    icons: l.icons
+                  }, null, 8, ["model-value", "icons"])
                 ]),
-                s(e.$slots, "title.prepend"),
+                i(e.$slots, "title.prepend"),
                 n(
                   "h4",
-                  A,
-                  m(e.title),
+                  S,
+                  b(e.title),
                   1
                   /* TEXT */
                 ),
-                l.required ? (c(), u("span", H, " * ")) : o("v-if", !0),
-                s(e.$slots, "title.append"),
+                l.required ? (c(), u("span", A, " * ")) : o("v-if", !0),
+                i(e.$slots, "title.append"),
                 o(" ICON ON THE RIGHT "),
-                e.iconRight ? s(e.$slots, "icon", { key: 2 }, () => [
-                  p(
-                    a(q),
-                    h({ class: "q-collapsible__chevron q-collapsible__chevron-right" }, l.icons.chevron),
-                    null,
-                    16
-                    /* FULL_PROPS */
-                  )
+                e.iconRight ? i(e.$slots, "icon", { key: 2 }, () => [
+                  p(a(h), {
+                    "model-value": s.value,
+                    class: "q-collapsible__chevron-right",
+                    icons: l.icons
+                  }, null, 8, ["model-value", "icons"])
                 ]) : o("v-if", !0)
               ]),
               o(" SUBTITLE "),
-              e.$slots.subtitle || e.subtitle ? (c(), u("div", M, [
-                s(e.$slots, "subtitle", {}, () => [
+              e.$slots.subtitle || e.subtitle ? (c(), u("div", H, [
+                i(e.$slots, "subtitle", {}, () => [
                   B(
-                    m(e.subtitle),
+                    b(e.subtitle),
                     1
                     /* TEXT */
                   )
@@ -120,12 +114,12 @@ const Q = {
         n(
           "div",
           {
-            class: f(y.value)
+            class: _(C.value)
           },
           [
-            n("div", D, [
-              n("div", F, [
-                s(e.$slots, "default")
+            n("div", M, [
+              n("div", D, [
+                i(e.$slots, "default")
               ])
             ])
           ],
@@ -139,5 +133,5 @@ const Q = {
   }
 });
 export {
-  W as default
+  P as default
 };

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

@@ -1,6 +1,51 @@
-import { default as _QCollapsible } from './QCollapsible';
 import { QCollapsibleProps } from './types';
-declare const QCollapsible: typeof _QCollapsible;
+declare const QCollapsible: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: boolean;
+    } & QCollapsibleProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: boolean) => any;
+    }, import('vue').PublicProps, {
+        icons: typeof import('./types').DEFAULT_ICONS;
+        width: "fit-content" | "block";
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: boolean;
+    } & QCollapsibleProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        icons: typeof import('./types').DEFAULT_ICONS;
+        width: "fit-content" | "block";
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
+    modelValue?: boolean;
+} & QCollapsibleProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, {
+    icons: typeof import('./types').DEFAULT_ICONS;
+    width: "fit-content" | "block";
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        icon?(_: {}): any;
+        icon?(_: {}): any;
+        'title.prepend'?(_: {}): any;
+        'title.append'?(_: {}): any;
+        subtitle?(_: {}): any;
+        default?(_: {}): any;
+    };
+});
 export { QCollapsible };
 export type { QCollapsibleProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QCollapsible/index.ts"],"names":[],"mappings":"AACA,OAAO,aAAa,MAAM,oBAAoB,CAAA;AAG9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAKhD,QAAA,MAAM,YAAY,EAAqC,OAAO,aAAa,CAAA;AAG3E,OAAO,EAAE,YAAY,EAAE,CAAA;AAGvB,YAAY,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QCollapsible/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAKhD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAiC,CAAA;AAGnD,OAAO,EAAE,YAAY,EAAE,CAAA;AAGvB,YAAY,EAAE,iBAAiB,EAAE,CAAA"}

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

@@ -1,4 +1,3 @@
-import { Icon } from '../QIcon';
 export type QCollapsibleProps = {
     /**
      * The collapsible unique identifier.
@@ -37,7 +36,9 @@ export type QCollapsibleProps = {
      */
     icons?: typeof DEFAULT_ICONS;
 };
-type IconKeys = 'chevron';
-export declare const DEFAULT_ICONS: Record<IconKeys, Icon>;
-export {};
+export declare const DEFAULT_ICONS: {
+    chevron: {
+        icon: string;
+    };
+};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QCollapsible/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAE9C,MAAM,MAAM,iBAAiB,GAAG;IAC/B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,GAAG,OAAO,CAAA;IAE/B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,OAAO,CAAA;IAE7C;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,eAAe,CAAA;IAErC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,KAAK,QAAQ,GAAG,SAAS,CAAA;AAGzB,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,QAAQ,EAAE,IAAI,CAIhD,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QCollapsible/types.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,iBAAiB,GAAG;IAC/B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,GAAG,OAAO,CAAA;IAE/B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,OAAO,CAAA;IAE7C;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,eAAe,CAAA;IAErC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,aAAa;;;;CAEM,CAAA"}

package/esm/components/QCollapsible/types.js

@@ -1,8 +1,7 @@
-const o = {
-  chevron: {
-    icon: "chevron-down"
-  }
+import { DEFAULT_ICONS as o } from "../__internal__/QChevron/types.js";
+const t = {
+  ...o
 };
 export {
-  o as DEFAULT_ICONS
+  t as DEFAULT_ICONS
 };

package/esm/components/QColorPicker/QColorPicker.d.ts

@@ -0,0 +1,34 @@
+import { DEFAULT_TEXTS, QColorPickerProps } from './types';
+type __VLS_Props = QColorPickerProps;
+type __VLS_PublicProps = {
+    modelValue?: string;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'label.prepend'?(_: {}): any;
+        'label.append'?(_: {}): any;
+        prepend?(_: {}): any;
+        append?(_: {}): any;
+        extras?(_: {}): any;
+    };
+    refs: {};
+    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": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    size: import('..').QFieldSize;
+    texts: typeof DEFAULT_TEXTS;
+}, {}, {}, {}, 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=QColorPicker.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QColorPicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QColorPicker/QColorPicker.vue"],"names":[],"mappings":"AA0CA;AAiJC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAMvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAMhD,KAAK,WAAW,GAAG,iBAAiB,CAAC;AA6FtC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA2GT,OAAO,IAA6B;;iCAdb,GAAG;gCACH,GAAG;yBACV,GAAG;wBACJ,GAAG;wBACH,GAAG;;;;EAe/B;AAgBD,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;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QColorPicker/QColorPicker.vue.js

@@ -0,0 +1,97 @@
+import { defineComponent as h, mergeModels as C, useModel as k, ref as p, computed as V, watch as m, createBlock as $, openBlock as g, unref as q, normalizeClass as x, createSlots as B, withCtx as t, renderSlot as r, withDirectives as T, createElementVNode as z, vModelText as M } from "vue";
+import { DEFAULT_TEXTS as S } from "./types.js";
+import { QTextField as D } from "../QTextField/index.js";
+import { isValidHex as E } from "../../utils/color.js";
+const F = ["readonly", "disabled", "aria-label"], A = /* @__PURE__ */ h({
+  __name: "QColorPicker",
+  props: /* @__PURE__ */ C({
+    id: {},
+    placeholder: {},
+    label: {},
+    size: { default: "small" },
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    class: {},
+    texts: { default: () => S }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(u) {
+    const l = u, d = k(u, "modelValue"), s = p(""), a = p(""), c = V(() => l.readonly || l.disabled);
+    function n(e) {
+      return E(e, !0);
+    }
+    function f(e) {
+      const o = e.target;
+      d.value = n(o.value) ? o.value : "";
+    }
+    function v() {
+      n(a.value) ? d.value = a.value : (d.value = "", a.value = "");
+    }
+    function b(e) {
+      e && n(e) ? s.value = e : s.value = "#000000";
+    }
+    m(d, b, { immediate: !0 });
+    function y(e) {
+      e && n(e) ? a.value = e : a.value = "";
+    }
+    return m(d, y, { immediate: !0 }), (e, o) => (g(), $(q(D), {
+      modelValue: a.value,
+      "onUpdate:modelValue": o[1] || (o[1] = (i) => a.value = i),
+      maxlength: "7",
+      id: l.id,
+      class: x(["q-color-picker", l.class]),
+      label: l.label,
+      size: l.size,
+      readonly: l.readonly,
+      disabled: l.disabled,
+      required: l.required,
+      placeholder: l.placeholder,
+      onChange: v
+    }, B({
+      "label.prepend": t(() => [
+        r(e.$slots, "label.prepend")
+      ]),
+      "label.append": t(() => [
+        r(e.$slots, "label.append")
+      ]),
+      prepend: t(() => [
+        r(e.$slots, "prepend"),
+        T(z("input", {
+          "onUpdate:modelValue": o[0] || (o[0] = (i) => s.value = i),
+          type: "color",
+          class: "q-color-picker__swatch",
+          readonly: l.readonly,
+          disabled: c.value,
+          "aria-label": l.texts.selectColor,
+          onChange: f
+        }, null, 40, F), [
+          [M, s.value]
+        ])
+      ]),
+      _: 2
+      /* DYNAMIC */
+    }, [
+      e.$slots.append ? {
+        name: "append",
+        fn: t(() => [
+          r(e.$slots, "append")
+        ]),
+        key: "0"
+      } : void 0,
+      e.$slots.extras ? {
+        name: "extras",
+        fn: t(() => [
+          r(e.$slots, "extras")
+        ]),
+        key: "1"
+      } : void 0
+    ]), 1032, ["modelValue", "id", "class", "label", "size", "readonly", "disabled", "required", "placeholder"]));
+  }
+});
+export {
+  A as default
+};

package/esm/components/QColorPicker/QColorPicker.vue2.js

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

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

@@ -0,0 +1,48 @@
+declare const QColorPicker: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: string;
+    } & import('./types').QColorPickerProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: string) => any;
+    }, import('vue').PublicProps, {
+        size: import('..').QFieldSize;
+        texts: typeof import('./types').DEFAULT_TEXTS;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: string;
+    } & import('./types').QColorPickerProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        size: import('..').QFieldSize;
+        texts: typeof import('./types').DEFAULT_TEXTS;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
+    modelValue?: string;
+} & import('./types').QColorPickerProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, {
+    size: import('..').QFieldSize;
+    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: {
+        'label.prepend'?(_: {}): any;
+        'label.append'?(_: {}): any;
+        prepend?(_: {}): any;
+        append?(_: {}): any;
+        extras?(_: {}): any;
+    };
+});
+export { QColorPicker };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QColorPicker/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAiC,CAAA;AAGnD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/esm/components/QColorPicker/index.js

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

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

@@ -0,0 +1,44 @@
+import { QFieldSize } from '../QField';
+export type QColorPickerProps = {
+    /**
+     * The field unique identifier.
+     */
+    id?: string;
+    /**
+     * The placeholder text for the text field.
+     */
+    placeholder?: string;
+    /**
+     * The label of the input.
+     */
+    label?: string;
+    /**
+     * The size of the field.
+     */
+    size?: QFieldSize;
+    /**
+     * If set to true, the field is read-only.
+     */
+    readonly?: boolean;
+    /**
+     * If set to true, the field is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * If set to true, an asterisk (*) is displayed
+     * to indicate that the field is required.
+     */
+    required?: boolean;
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[];
+    /**
+     * Custom text configurations.
+     */
+    texts?: typeof DEFAULT_TEXTS;
+};
+export declare const DEFAULT_TEXTS: {
+    selectColor: string;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QColorPicker/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAErD,MAAM,MAAM,iBAAiB,GAAG;IAC/B;;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;;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,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/QColorPicker/types.js

@@ -0,0 +1,6 @@
+const o = {
+  selectColor: "Select a color"
+};
+export {
+  o as DEFAULT_TEXTS
+};