@quidgest/ui 0.14.14 → 0.14.15

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

@@ -1,4 +1,4 @@
-import { QCollapsibleProps, DEFAULT_ICONS } from './types';
+import { DEFAULT_ICONS, QCollapsibleProps } from './types';
 type __VLS_Props = QCollapsibleProps;
 type __VLS_PublicProps = {
     modelValue?: boolean;
@@ -22,8 +22,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
+    width: import('./types').QCollapsibleWidth;
     icons: typeof DEFAULT_ICONS;
-    width: "fit-content" | "block";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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":"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"}
+{"version":3,"file":"QCollapsible.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCollapsible/QCollapsible.vue"],"names":[],"mappings":"AAuEA;AAsJC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAQvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAOhD,KAAK,WAAW,GAAG,iBAAiB,CAAC;AAkEtC,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,8 +1,8 @@
 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 { DEFAULT_ICONS as E } from "./types.js";
 import { QButton as I } from "../QButton/index.js";
+import { QCard as V } from "../QCard/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 = {
@@ -18,14 +18,15 @@ const L = {
   __name: "QCollapsible",
   props: /* @__PURE__ */ T({
     id: {},
+    class: {},
     title: {},
     subtitle: {},
-    width: { default: "fit-content" },
     required: { type: Boolean },
+    iconRight: { type: Boolean },
     spacing: {},
     variant: {},
-    iconRight: { type: Boolean },
-    icons: { default: () => V }
+    width: { default: "fit-content" },
+    icons: { default: () => E }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
@@ -40,20 +41,22 @@ const L = {
         f,
         {
           "q-collapsible--icon-right": l.iconRight
-        }
+        },
+        l.class
       ];
     }), C = r(() => [
       "q-collapsible__content-wrapper",
       {
         "q-collapsible__content-show": s.value
       }
-    ]), k = () => {
+    ]);
+    function k() {
       s.value = !s.value, t == null || t.toggle();
-    };
+    }
     return N(
       () => t == null ? void 0 : t.isActive.value,
       () => s.value = t == null ? void 0 : t.isActive.value
-    ), (e, f) => (c(), $(a(E), {
+    ), (e, f) => (c(), $(a(V), {
       id: a(m),
       class: _(g.value),
       width: q.value

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

@@ -2,13 +2,22 @@ import { QCollapsibleProps } from './types';
 declare const QCollapsible: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         modelValue?: boolean;
-    } & QCollapsibleProps> & Readonly<{
+    } & import('../../types/component').QBaseComponentProps & {
+        title?: string;
+        subtitle?: string;
+        required?: boolean;
+        iconRight?: boolean;
+        spacing?: import('./types').QCollapsibleSpacing;
+        variant?: import('./types').QCollapsibleVariant;
+        width?: import('./types').QCollapsibleWidth;
+        icons?: typeof import('./types').DEFAULT_ICONS;
+    }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:modelValue": (value: boolean) => any;
     }, import('vue').PublicProps, {
+        width: import('./types').QCollapsibleWidth;
         icons: typeof import('./types').DEFAULT_ICONS;
-        width: "fit-content" | "block";
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -18,24 +27,42 @@ declare const QCollapsible: {
         Defaults: {};
     }, Readonly<{
         modelValue?: boolean;
-    } & QCollapsibleProps> & Readonly<{
+    } & import('../../types/component').QBaseComponentProps & {
+        title?: string;
+        subtitle?: string;
+        required?: boolean;
+        iconRight?: boolean;
+        spacing?: import('./types').QCollapsibleSpacing;
+        variant?: import('./types').QCollapsibleVariant;
+        width?: import('./types').QCollapsibleWidth;
+        icons?: typeof import('./types').DEFAULT_ICONS;
+    }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, {
+        width: import('./types').QCollapsibleWidth;
         icons: typeof import('./types').DEFAULT_ICONS;
-        width: "fit-content" | "block";
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<{
     modelValue?: boolean;
-} & QCollapsibleProps> & Readonly<{
+} & import('../../types/component').QBaseComponentProps & {
+    title?: string;
+    subtitle?: string;
+    required?: boolean;
+    iconRight?: boolean;
+    spacing?: import('./types').QCollapsibleSpacing;
+    variant?: import('./types').QCollapsibleVariant;
+    width?: import('./types').QCollapsibleWidth;
+    icons?: typeof import('./types').DEFAULT_ICONS;
+}> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 }, string, {
+    width: import('./types').QCollapsibleWidth;
     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;

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":"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"}
+{"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,8 +1,8 @@
-export type QCollapsibleProps = {
-    /**
-     * The collapsible unique identifier.
-     */
-    id?: string;
+import { QBaseComponentProps } from '../../types/component';
+export type QCollapsibleVariant = 'default' | 'border-bottom';
+export type QCollapsibleWidth = 'fit-content' | 'block';
+export type QCollapsibleSpacing = 'compact' | 'comfortable' | 'loose';
+export type QCollapsibleProps = QBaseComponentProps & {
     /**
      * The title of the collapsible.
      */
@@ -11,26 +11,26 @@ export type QCollapsibleProps = {
      * The subtitle of the collapsible
      */
     subtitle?: string;
-    /**
-     * The width of the container
-     */
-    width?: 'fit-content' | 'block';
     /**
      * Show an indicator that there are required elements inside the group
      */
     required?: boolean;
     /**
-     * Controls the spacing in the collapsible
+     * If true, positions the expand/collapse icon on the right.
      */
-    spacing?: 'compact' | 'comfortable' | 'loose';
+    iconRight?: boolean;
     /**
-     * The variant of the collapsible.
+     * Defines the spacing around the title of each collapsible panel.
      */
-    variant?: 'default' | 'border-bottom';
+    spacing?: QCollapsibleSpacing;
     /**
-     * If true, the expand/collapse icon shows on the right
+     * Specifies the visual style of the collapsible sections.
      */
-    iconRight?: boolean;
+    variant?: QCollapsibleVariant;
+    /**
+     * The width of the container
+     */
+    width?: QCollapsibleWidth;
     /**
      * Custom icon configurations.
      */

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":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QCollapsible/types.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,eAAe,CAAA;AAE7D,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG,OAAO,CAAA;AAEvD,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,aAAa,GAAG,OAAO,CAAA;AAErE,MAAM,MAAM,iBAAiB,GAAG,mBAAmB,GAAG;IACrD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAE7B;;OAEG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAE7B;;OAEG;IACH,KAAK,CAAC,EAAE,iBAAiB,CAAA;IAEzB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,aAAa;;;;CAEM,CAAA"}

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

@@ -1 +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"}
+{"version":3,"file":"QColorPicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QColorPicker/QColorPicker.vue"],"names":[],"mappings":"AA2CA;AAsJC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAMvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAMhD,KAAK,WAAW,GAAG,iBAAiB,CAAC;AAiGtC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA2GT,OAAO,IAA6B;;iCAfb,GAAG;gCACJ,GAAG;yBACT,GAAG;wBACJ,GAAG;wBACH,GAAG;;;;EAgB/B;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;6EAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;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

@@ -1,19 +1,20 @@
-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({
+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 B, createSlots as T, withCtx as t, renderSlot as r, withDirectives as x, createElementVNode as z, mergeProps as M, vModelText as S } from "vue";
+import { DEFAULT_TEXTS as D } from "./types.js";
+import { QTextField as E } from "../QTextField/index.js";
+import { isValidHex as F } from "../../utils/color.js";
+const P = ["readonly", "disabled", "aria-label"], H = /* @__PURE__ */ h({
+  inheritAttrs: !1,
   __name: "QColorPicker",
   props: /* @__PURE__ */ C({
     id: {},
+    class: {},
     placeholder: {},
     label: {},
     size: { default: "small" },
     readonly: { type: Boolean },
     disabled: { type: Boolean },
     required: { type: Boolean },
-    class: {},
-    texts: { default: () => S }
+    texts: { default: () => D }
   }, {
     modelValue: {},
     modelModifiers: {}
@@ -22,7 +23,7 @@ const F = ["readonly", "disabled", "aria-label"], A = /* @__PURE__ */ h({
   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);
+      return F(e, !0);
     }
     function f(e) {
       const o = e.target;
@@ -38,12 +39,12 @@ const F = ["readonly", "disabled", "aria-label"], A = /* @__PURE__ */ h({
     function y(e) {
       e && n(e) ? a.value = e : a.value = "";
     }
-    return m(d, y, { immediate: !0 }), (e, o) => (g(), $(q(D), {
+    return m(d, y, { immediate: !0 }), (e, o) => (g(), $(q(E), {
       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]),
+      class: B(["q-color-picker", l.class]),
       label: l.label,
       size: l.size,
       readonly: l.readonly,
@@ -51,7 +52,7 @@ const F = ["readonly", "disabled", "aria-label"], A = /* @__PURE__ */ h({
       required: l.required,
       placeholder: l.placeholder,
       onChange: v
-    }, B({
+    }, T({
       "label.prepend": t(() => [
         r(e.$slots, "label.prepend")
       ]),
@@ -60,7 +61,7 @@ const F = ["readonly", "disabled", "aria-label"], A = /* @__PURE__ */ h({
       ]),
       prepend: t(() => [
         r(e.$slots, "prepend"),
-        T(z("input", {
+        x(z("input", M({
           "onUpdate:modelValue": o[0] || (o[0] = (i) => s.value = i),
           type: "color",
           class: "q-color-picker__swatch",
@@ -68,8 +69,8 @@ const F = ["readonly", "disabled", "aria-label"], A = /* @__PURE__ */ h({
           disabled: c.value,
           "aria-label": l.texts.selectColor,
           onChange: f
-        }, null, 40, F), [
-          [M, s.value]
+        }, e.$attrs), null, 16, P), [
+          [S, s.value]
         ])
       ]),
       _: 2
@@ -93,5 +94,5 @@ const F = ["readonly", "disabled", "aria-label"], A = /* @__PURE__ */ h({
   }
 });
 export {
-  A as default
+  H as default
 };

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

@@ -1,7 +1,15 @@
 declare const QColorPicker: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         modelValue?: string;
-    } & import('./types').QColorPickerProps> & Readonly<{
+    } & import('../../types/component').QBaseComponentProps & {
+        placeholder?: string;
+        label?: string;
+        size?: import('..').QFieldSize;
+        readonly?: boolean;
+        disabled?: boolean;
+        required?: boolean;
+        texts?: typeof import('./types').DEFAULT_TEXTS;
+    }> & Readonly<{
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:modelValue": (value: string) => any;
@@ -17,7 +25,15 @@ declare const QColorPicker: {
         Defaults: {};
     }, Readonly<{
         modelValue?: string;
-    } & import('./types').QColorPickerProps> & Readonly<{
+    } & import('../../types/component').QBaseComponentProps & {
+        placeholder?: string;
+        label?: string;
+        size?: import('..').QFieldSize;
+        readonly?: boolean;
+        disabled?: boolean;
+        required?: boolean;
+        texts?: typeof import('./types').DEFAULT_TEXTS;
+    }> & Readonly<{
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, {}, {}, {}, {}, {
         size: import('..').QFieldSize;
@@ -28,7 +44,15 @@ declare const QColorPicker: {
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<{
     modelValue?: string;
-} & import('./types').QColorPickerProps> & Readonly<{
+} & import('../../types/component').QBaseComponentProps & {
+    placeholder?: string;
+    label?: string;
+    size?: import('..').QFieldSize;
+    readonly?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    texts?: typeof import('./types').DEFAULT_TEXTS;
+}> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;

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

@@ -1 +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"}
+{"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/types.d.ts

@@ -1,9 +1,6 @@
 import { QFieldSize } from '../QField';
-export type QColorPickerProps = {
-    /**
-     * The field unique identifier.
-     */
-    id?: string;
+import { QBaseComponentProps } from '../../types/component';
+export type QColorPickerProps = QBaseComponentProps & {
     /**
      * The placeholder text for the text field.
      */
@@ -29,10 +26,6 @@ export type QColorPickerProps = {
      * to indicate that the field is required.
      */
     required?: boolean;
-    /**
-     * Custom set of classes to apply to the component.
-     */
-    class?: string | unknown[];
     /**
      * Custom text configurations.
      */

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

@@ -1 +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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QColorPicker/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,MAAM,MAAM,iBAAiB,GAAG,mBAAmB,GAAG;IACrD;;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,OAAO,aAAa,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,aAAa;;CAEQ,CAAA"}