@quidgest/ui 0.14.13 → 0.14.15

package/esm/components/QCheckbox/QCheckbox.vue.js

@@ -1,28 +1,28 @@
-import { defineComponent as x, mergeModels as v, useModel as _, computed as q, createElementBlock as g, openBlock as o, Fragment as B, createElementVNode as t, normalizeClass as C, createBlock as n, createCommentVNode as d, createSlots as m, withCtx as u, renderSlot as b, withKeys as p, withModifiers as i, unref as k, mergeProps as $ } from "vue";
-import { QIcon as w } from "../QIcon/index.js";
-import h from "./QCheckboxLabel.vue.js";
-import { useId as V } from "../../composables/uid.js";
-import { DEFAULT_ICONS as M } from "./types.js";
-const P = ["id", "aria-checked", "disabled", "onKeydown"], z = ["checked", "disabled"], F = /* @__PURE__ */ x({
+import { defineComponent as y, mergeModels as x, useModel as v, computed as _, createElementBlock as q, openBlock as a, Fragment as g, createElementVNode as o, normalizeClass as $, createBlock as n, createCommentVNode as i, createSlots as u, withCtx as m, renderSlot as b, mergeProps as h, withKeys as k, withModifiers as d, unref as B } from "vue";
+import { QIcon as C } from "../QIcon/index.js";
+import p from "./QCheckboxLabel.vue.js";
+import { DEFAULT_ICONS as w } from "./types.js";
+const V = ["id"], M = ["aria-checked", "disabled", "onKeydown"], P = ["checked", "disabled"], S = /* @__PURE__ */ y({
+  inheritAttrs: !1,
   __name: "QCheckbox",
-  props: /* @__PURE__ */ v({
-    label: {},
+  props: /* @__PURE__ */ x({
     id: {},
+    class: {},
+    label: {},
     labelPlacement: { default: "right" },
     disabled: { type: Boolean },
     readonly: { type: Boolean },
     indeterminate: { type: Boolean },
     color: { default: "primary" },
     size: { default: "regular" },
-    class: {},
-    icons: { default: () => M }
+    icons: { default: () => w }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(r) {
-    const e = r, l = _(r, "modelValue"), f = V(e.id), y = q(() => [
+    const e = r, l = v(r, "modelValue"), f = _(() => [
       "q-checkbox",
       `q-checkbox--${e.size}`,
       `q-checkbox--${e.color}`,
@@ -37,80 +37,74 @@ const P = ["id", "aria-checked", "disabled", "onKeydown"], z = ["checked", "disa
     function s() {
       !e.disabled && !e.readonly && (l.value = !l.value);
     }
-    return (a, c) => (o(), g(
-      B,
+    return (t, c) => (a(), q(
+      g,
       null,
       [
-        t(
-          "label",
-          {
-            class: C(y.value)
-          },
-          [
-            e.labelPlacement !== "right" ? (o(), n(h, {
-              key: 0,
-              label: e.label
-            }, m({
-              _: 2
-              /* DYNAMIC */
-            }, [
-              a.$slots.extras ? {
-                name: "extras",
-                fn: u(() => [
-                  b(a.$slots, "extras")
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["label"])) : d("v-if", !0),
-            t("button", {
-              id: k(f),
-              role: "checkbox",
-              type: "button",
-              "aria-checked": e.indeterminate ? "mixed" : l.value,
-              disabled: e.disabled || e.readonly,
-              class: "q-checkbox__input",
-              onClick: i(s, ["prevent"]),
-              onKeydown: [
-                p(i(s, ["prevent"]), ["space"]),
-                c[0] || (c[0] = p(i(() => {
-                }, ["prevent"]), ["enter"]))
-              ]
-            }, [
-              l.value || a.indeterminate ? (o(), n(
-                k(w),
-                $({ key: 0 }, l.value ? e.icons.checked : e.icons.indeterminate, { class: "q-checkbox__input-icon" }),
-                null,
-                16
-                /* FULL_PROPS */
-              )) : d("v-if", !0)
-            ], 40, P),
-            e.labelPlacement === "right" ? (o(), n(h, {
-              key: 1,
-              label: e.label
-            }, m({
-              _: 2
-              /* DYNAMIC */
-            }, [
-              a.$slots.extras ? {
-                name: "extras",
-                fn: u(() => [
-                  b(a.$slots, "extras")
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["label"])) : d("v-if", !0)
-          ],
-          2
-          /* CLASS */
-        ),
-        t("input", {
+        o("label", {
+          id: e.id,
+          class: $(f.value)
+        }, [
+          e.labelPlacement !== "right" ? (a(), n(p, {
+            key: 0,
+            label: e.label
+          }, u({
+            _: 2
+            /* DYNAMIC */
+          }, [
+            t.$slots.extras ? {
+              name: "extras",
+              fn: m(() => [
+                b(t.$slots, "extras")
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["label"])) : i("v-if", !0),
+          o("button", h({
+            role: "checkbox",
+            type: "button",
+            class: "q-checkbox__input",
+            "aria-checked": e.indeterminate ? "mixed" : l.value,
+            disabled: e.disabled || e.readonly,
+            onClick: d(s, ["prevent"]),
+            onKeydown: [
+              k(d(s, ["prevent"]), ["space"]),
+              c[0] || (c[0] = k(d(() => {
+              }, ["prevent"]), ["enter"]))
+            ]
+          }, t.$attrs), [
+            l.value || t.indeterminate ? (a(), n(
+              B(C),
+              h({ key: 0 }, l.value ? e.icons.checked : e.icons.indeterminate, { class: "q-checkbox__input-icon" }),
+              null,
+              16
+              /* FULL_PROPS */
+            )) : i("v-if", !0)
+          ], 16, M),
+          e.labelPlacement === "right" ? (a(), n(p, {
+            key: 1,
+            label: e.label
+          }, u({
+            _: 2
+            /* DYNAMIC */
+          }, [
+            t.$slots.extras ? {
+              name: "extras",
+              fn: m(() => [
+                b(t.$slots, "extras")
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["label"])) : i("v-if", !0)
+        ], 10, V),
+        o("input", {
           type: "checkbox",
           tabindex: "-1",
           "aria-hidden": "true",
           class: "q-checkbox__native-input",
           checked: !!l.value,
           disabled: e.disabled || e.readonly
-        }, null, 8, z)
+        }, null, 8, P)
       ],
       64
       /* STABLE_FRAGMENT */
@@ -118,5 +112,5 @@ const P = ["id", "aria-checked", "disabled", "onKeydown"], z = ["checked", "disa
   }
 });
 export {
-  F as default
+  S as default
 };

package/esm/components/QCheckbox/QCheckboxLabel.vue.js

@@ -1,12 +1,14 @@
-import { defineComponent as r, createElementBlock as s, openBlock as o, createElementVNode as l, toDisplayString as n, renderSlot as c } from "vue";
-const p = { key: 0 }, _ = { class: "q-field__extras" }, i = { key: 1 }, b = /* @__PURE__ */ r({
+import { defineComponent as r, createElementBlock as t, openBlock as o, createElementVNode as l, toDisplayString as n, renderSlot as c } from "vue";
+const i = { key: 0 }, p = { class: "q-field__extras" }, _ = { key: 1 }, b = /* @__PURE__ */ r({
   __name: "QCheckboxLabel",
   props: {
+    id: {},
+    class: {},
     label: {}
   },
   setup(a) {
     const e = a;
-    return (t, d) => t.$slots.extras ? (o(), s("div", p, [
+    return (s, d) => s.$slots.extras ? (o(), t("div", i, [
       l(
         "span",
         null,
@@ -14,12 +16,12 @@ const p = { key: 0 }, _ = { class: "q-field__extras" }, i = { key: 1 }, b = /* @
         1
         /* TEXT */
       ),
-      l("div", _, [
-        c(t.$slots, "extras")
+      l("div", p, [
+        c(s.$slots, "extras")
       ])
-    ])) : (o(), s(
+    ])) : (o(), t(
       "span",
-      i,
+      _,
       n(e.label),
       1
       /* TEXT */

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

@@ -1,25 +1,25 @@
 declare const QCheckbox: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         modelValue?: boolean;
-    } & import('./types').QCheckboxLabelProps & {
-        id?: string;
-        labelPlacement?: string;
+    } & import('../../types/component').QBaseComponentProps & {
+        label?: string;
+    } & {
+        labelPlacement?: import('./types').QCheckboxLabelPlacement;
         disabled?: boolean;
         readonly?: boolean;
         indeterminate?: boolean;
         color?: string;
-        size?: "regular" | "small" | "large";
-        class?: string | unknown[];
+        size?: import('./types').QCheckboxLabelSize;
         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, {
-        size: "regular" | "small" | "large";
+        size: import('./types').QCheckboxLabelSize;
         color: string;
         icons: typeof import('./types').DEFAULT_ICONS;
-        labelPlacement: string;
+        labelPlacement: import('./types').QCheckboxLabelPlacement;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -29,48 +29,48 @@ declare const QCheckbox: {
         Defaults: {};
     }, Readonly<{
         modelValue?: boolean;
-    } & import('./types').QCheckboxLabelProps & {
-        id?: string;
-        labelPlacement?: string;
+    } & import('../../types/component').QBaseComponentProps & {
+        label?: string;
+    } & {
+        labelPlacement?: import('./types').QCheckboxLabelPlacement;
         disabled?: boolean;
         readonly?: boolean;
         indeterminate?: boolean;
         color?: string;
-        size?: "regular" | "small" | "large";
-        class?: string | unknown[];
+        size?: import('./types').QCheckboxLabelSize;
         icons?: typeof import('./types').DEFAULT_ICONS;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        size: "regular" | "small" | "large";
+        size: import('./types').QCheckboxLabelSize;
         color: string;
         icons: typeof import('./types').DEFAULT_ICONS;
-        labelPlacement: string;
+        labelPlacement: import('./types').QCheckboxLabelPlacement;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<{
     modelValue?: boolean;
-} & import('./types').QCheckboxLabelProps & {
-    id?: string;
-    labelPlacement?: string;
+} & import('../../types/component').QBaseComponentProps & {
+    label?: string;
+} & {
+    labelPlacement?: import('./types').QCheckboxLabelPlacement;
     disabled?: boolean;
     readonly?: boolean;
     indeterminate?: boolean;
     color?: string;
-    size?: "regular" | "small" | "large";
-    class?: string | unknown[];
+    size?: import('./types').QCheckboxLabelSize;
     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, {
-    size: "regular" | "small" | "large";
+    size: import('./types').QCheckboxLabelSize;
     color: string;
     icons: typeof import('./types').DEFAULT_ICONS;
-    labelPlacement: string;
+    labelPlacement: import('./types').QCheckboxLabelPlacement;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         extras?(_: {}): any;

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

@@ -1,12 +1,17 @@
-export type QCheckboxProps = QCheckboxLabelProps & {
+import { QBaseComponentProps } from '../../types/component';
+export type QCheckboxLabelProps = QBaseComponentProps & {
     /**
-     * The field unique identifier.
+     * The text content of the checkbox.
      */
-    id?: string;
+    label?: string;
+};
+export type QCheckboxLabelPlacement = 'left' | 'right';
+export type QCheckboxLabelSize = 'small' | 'regular' | 'large';
+export type QCheckboxProps = QCheckboxLabelProps & {
     /**
      * The placement of the label shown.
      */
-    labelPlacement?: string;
+    labelPlacement?: QCheckboxLabelPlacement;
     /**
      * If true, the checkbox is disabled and cannot be interacted with.
      */
@@ -26,22 +31,12 @@ export type QCheckboxProps = QCheckboxLabelProps & {
     /**
      * The size of the checkbox, either 'regular', 'small' or 'large.
      */
-    size?: 'regular' | 'small' | 'large';
-    /**
-     * Custom set of classes to apply to the component.
-     */
-    class?: string | unknown[];
+    size?: QCheckboxLabelSize;
     /**
      * Custom icon configurations.
      */
     icons?: typeof DEFAULT_ICONS;
 };
-export type QCheckboxLabelProps = {
-    /**
-     * The text content of the checkbox.
-     */
-    label?: string;
-};
 export declare const DEFAULT_ICONS: {
     checked: {
         icon: string;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/types.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IAClD;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;IAEpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAGD,eAAO,MAAM,aAAa;;;;;;;CAOM,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/types.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,MAAM,MAAM,mBAAmB,GAAG,mBAAmB,GAAG;IACvD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,OAAO,CAAA;AAEtD,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;AAE9D,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IAClD;;OAEG;IACH,cAAc,CAAC,EAAE,uBAAuB,CAAA;IAExC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,kBAAkB,CAAA;IAEzB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,aAAa;;;;;;;CAOM,CAAA"}

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"}