@quidgest/ui 0.14.5 → 0.14.7

package/esm/components/QButtonToggle/QButtonToggle.d.ts

@@ -1,19 +1,20 @@
 import { QButtonToggleProps } from './types';
-declare let __VLS_typeProps: QButtonToggleProps;
+type __VLS_Props = QButtonToggleProps;
 type __VLS_PublicProps = {
     modelValue?: string;
-} & typeof __VLS_typeProps;
+} & __VLS_Props;
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: Partial<Record<string, (_: {}) => any>>;
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: string) => any;
+    "update:modelValue": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1 +1 @@
-{"version":3,"file":"QButtonToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonToggle/QButtonToggle.vue"],"names":[],"mappings":"AA8CC,OAAO,KAAK,EAAU,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAI1D,QAAA,IAAI,eAAe,EAAG,kBAAkB,CAAC;AAgBzC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,OAAO,eAAe,CAAC;AAI3B,iBAAS,cAAc;6CAyD+D,GAAG;;WAU3E,OAAO,IAA6B;EAEjD;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QButtonToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonToggle/QButtonToggle.vue"],"names":[],"mappings":"AAqBA;AA8CC,OAAO,KAAK,EAAU,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAI1D,KAAK,WAAW,GAAG,kBAAkB,CAAC;AAiBtC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAmET,OAAO,IAA6B;6CAToC,GAAG;;;EAcxF;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QButtonToggle/QButtonToggle.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as i, mergeModels as c, useModel as m, openBlock as o, createBlock as s, unref as d, normalizeClass as b, withCtx as n, createElementBlock as y, Fragment as f, renderList as k, renderSlot as v } from "vue";
-import { QButton as p } from "../QButton/index.js";
+import { defineComponent as i, mergeModels as c, useModel as m, openBlock as o, createBlock as s, unref as d, normalizeClass as b, withCtx as n, createElementBlock as f, Fragment as y, renderList as k, renderSlot as p } from "vue";
+import { QButton as v } from "../QButton/index.js";
 import { QButtonGroup as B } from "../QButtonGroup/index.js";
 const M = /* @__PURE__ */ i({
   __name: "QButtonToggle",
@@ -29,10 +29,10 @@ const M = /* @__PURE__ */ i({
       role: "listbox"
     }, {
       default: n(() => [
-        (o(!0), y(
-          f,
+        (o(!0), f(
+          y,
           null,
-          k(l.options, (e) => (o(), s(d(p), {
+          k(l.options, (e) => (o(), s(d(v), {
             key: e.key,
             title: e.title,
             label: e.label,
@@ -42,7 +42,7 @@ const M = /* @__PURE__ */ i({
             onClick: () => u(e)
           }, {
             default: n(() => [
-              v(a.$slots, e.key)
+              p(a.$slots, e.key)
             ]),
             _: 2
             /* DYNAMIC */

package/esm/components/QCard/QCard.d.ts

@@ -1,5 +1,6 @@
 import { QCardProps } from './types';
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         header?(_: {}): any;
         "header.prepend"?(_: {}): any;
@@ -12,12 +13,12 @@ declare function __VLS_template(): {
         footer?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<QCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QCardProps> & Readonly<{}>, {
-    title: string;
     variant: "default" | "background" | "title-background" | "minor";
+    title: string;
     id: string;
     subtitle: string;
     href: string;

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

@@ -1 +1 @@
-{"version":3,"file":"QCard.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCard/QCard.vue"],"names":[],"mappings":"AAsIC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAiE1C,iBAAS,cAAc;;wBAwGM,GAAG;kCACO,GAAG;0CACK,GAAG;uBACtB,GAAG;0BACA,GAAG;yCACY,GAAG;iCACX,GAAG;yBACX,GAAG;wBACJ,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;6EAOnB,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":"QCard.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCard/QCard.vue"],"names":[],"mappings":"AAyEA;AAsIC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAkE1C,iBAAS,cAAc;WAyHT,OAAO,IAA6B;;wBAhBrB,GAAG;kCACO,GAAG;0CACK,GAAG;uBACtB,GAAG;0BACA,GAAG;yCACY,GAAG;iCACX,GAAG;yBACX,GAAG;wBACJ,GAAG;;;;EAa/B;AAcD,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;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QCard/QCard.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as q, useAttrs as y, computed as d, openBlock as o, createBlock as u, resolveDynamicComponent as C, unref as v, normalizeClass as T, withCtx as D, createElementBlock as l, Fragment as i, createCommentVNode as s, createElementVNode as r, renderSlot as a, createTextVNode as p, toDisplayString as f } from "vue";
+import { defineComponent as q, useAttrs as y, computed as l, openBlock as o, createBlock as u, resolveDynamicComponent as C, unref as f, normalizeClass as T, withCtx as D, createElementBlock as a, Fragment as n, createCommentVNode as s, createElementVNode as i, renderSlot as d, createTextVNode as p, toDisplayString as h } from "vue";
 import { QSpinnerLoader as N } from "../QSpinnerLoader/index.js";
 import { useId as g } from "../../composables/uid.js";
 const B = { class: "q-card__header" }, A = {
@@ -29,8 +29,8 @@ const B = { class: "q-card__header" }, A = {
     elevation: { default: "none" },
     width: { default: void 0 }
   },
-  setup(h) {
-    const e = h, $ = y(), m = g(e.id), b = d(() => {
+  setup(v) {
+    const e = v, $ = y(), m = g(e.id), b = l(() => {
       const t = e.width ? `q-card--${e.width}` : void 0, c = e.variant && e.variant !== "default" ? `q-card--${e.variant}` : void 0, _ = e.elevation && e.elevation !== "none" ? `q-card--elevation-${e.elevation}` : void 0;
       return [
         "q-card",
@@ -44,40 +44,40 @@ const B = { class: "q-card__header" }, A = {
           "q-card--disabled": e.disabled
         }
       ];
-    }), E = d(() => !!$.onClick || e.href), n = d(() => e.disabled || e.loading), k = (t) => {
-      n.value && t.stopImmediatePropagation();
+    }), E = l(() => !!$.onClick || e.href), r = l(() => e.disabled || e.loading), k = (t) => {
+      r.value && t.stopImmediatePropagation();
     };
     return (t, c) => (o(), u(C(e.href ? "a" : "div"), {
-      id: v(m),
+      id: f(m),
       class: T([...b.value, t.$attrs.class]),
-      href: e.href && !n.value ? e.href : void 0,
+      href: e.href && !r.value ? e.href : void 0,
       onClick: k
     }, {
       default: D(() => [
-        e.loading ? (o(), u(v(N), {
+        e.loading ? (o(), u(f(N), {
           key: 0,
           size: 36
-        })) : (o(), l(
-          i,
+        })) : (o(), a(
+          n,
           { key: 1 },
           [
             s(" HEADER "),
-            r("div", B, [
-              a(t.$slots, "header", {}, () => [
+            i("div", B, [
+              d(t.$slots, "header", {}, () => [
                 s(" HEADER: PREPEND "),
-                a(t.$slots, "header.prepend"),
+                d(t.$slots, "header.prepend"),
                 s(" HEADER CONTENT "),
-                t.$slots.title || e.title || t.$slots.subtitle || e.subtitle ? (o(), l("div", A, [
-                  a(t.$slots, "header.content.prepend"),
-                  r("div", R, [
+                t.$slots.title || e.title || t.$slots.subtitle || e.subtitle ? (o(), a("div", A, [
+                  d(t.$slots, "header.content.prepend"),
+                  i("div", R, [
                     s(" TITLE "),
-                    t.$slots.title || e.title ? (o(), l("p", w, [
-                      t.$slots.title ? a(t.$slots, "title", { key: 0 }) : (o(), l(
-                        i,
+                    t.$slots.title || e.title ? (o(), a("p", w, [
+                      t.$slots.title ? d(t.$slots, "title", { key: 0 }) : (o(), a(
+                        n,
                         { key: 1 },
                         [
                           p(
-                            f(t.$props.title),
+                            h(t.$props.title),
                             1
                             /* TEXT */
                           )
@@ -87,13 +87,13 @@ const B = { class: "q-card__header" }, A = {
                       ))
                     ])) : s("v-if", !0),
                     s(" SUBTITLE "),
-                    t.$slots.subtitle || e.subtitle ? (o(), l("p", P, [
-                      t.$slots.subtitle ? a(t.$slots, "subtitle", { key: 0 }) : (o(), l(
-                        i,
+                    t.$slots.subtitle || e.subtitle ? (o(), a("p", P, [
+                      t.$slots.subtitle ? d(t.$slots, "subtitle", { key: 0 }) : (o(), a(
+                        n,
                         { key: 1 },
                         [
                           p(
-                            f(t.$props.subtitle),
+                            h(t.$props.subtitle),
                             1
                             /* TEXT */
                           )
@@ -103,19 +103,19 @@ const B = { class: "q-card__header" }, A = {
                       ))
                     ])) : s("v-if", !0)
                   ]),
-                  a(t.$slots, "header.content.append")
+                  d(t.$slots, "header.content.append")
                 ])) : s("v-if", !0),
                 s(" HEADER: APPEND "),
-                a(t.$slots, "header.append")
+                d(t.$slots, "header.append")
               ])
             ]),
             s(" CONTENT "),
-            r("div", H, [
-              a(t.$slots, "default")
+            i("div", H, [
+              d(t.$slots, "default")
             ]),
             s(" FOOTER "),
-            t.$slots.footer ? (o(), l("div", I, [
-              a(t.$slots, "footer")
+            t.$slots.footer ? (o(), a("div", I, [
+              d(t.$slots, "footer")
             ])) : s("v-if", !0)
           ],
           64

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

@@ -1,12 +1,12 @@
 import { QCheckboxProps, DEFAULT_ICONS } from './types';
-declare let __VLS_typeProps: QCheckboxProps;
+type __VLS_Props = QCheckboxProps;
 type __VLS_PublicProps = {
     modelValue?: boolean;
-} & typeof __VLS_typeProps;
+} & __VLS_Props;
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: boolean) => any;
+    "update:modelValue": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     size: "regular" | "small" | "large";
     class: string | unknown[];

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

@@ -1 +1 @@
-{"version":3,"file":"QCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/QCheckbox.vue"],"names":[],"mappings":"AAyFC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAIxC,QAAA,IAAI,eAAe,EAAG,cAAc,CAAC;AAmDrC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,OAAO,eAAe,CAAC;;;;;;;;;;;;;;AA2E3B,wBAQG"}
+{"version":3,"file":"QCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/QCheckbox.vue"],"names":[],"mappings":"AAmCA;AAyFC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAIxC,KAAK,WAAW,GAAG,cAAc,CAAC;AAoDlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;AA8EhB,wBAQG"}

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

@@ -1,4 +1,4 @@
-import { defineComponent as k, mergeModels as f, useModel as y, computed as v, openBlock as l, createElementBlock as t, Fragment as x, createElementVNode as a, normalizeClass as _, toDisplayString as s, createCommentVNode as n, unref as u, withModifiers as d, withKeys as m, createBlock as g, mergeProps as q } from "vue";
+import { defineComponent as k, mergeModels as f, useModel as y, computed as x, openBlock as l, createElementBlock as t, Fragment as _, createElementVNode as a, normalizeClass as v, toDisplayString as s, createCommentVNode as n, unref as u, withModifiers as d, withKeys as m, createBlock as g, mergeProps as q } from "vue";
 import { QIcon as B } from "../QIcon/index.js";
 import { useId as C } from "../../composables/uid.js";
 import { DEFAULT_ICONS as V } from "./types.js";
@@ -21,7 +21,7 @@ const w = { key: 0 }, M = ["id", "aria-checked", "disabled", "onKeydown"], P = {
   }),
   emits: ["update:modelValue"],
   setup(i) {
-    const e = i, o = y(i, "modelValue"), b = C(e.id), p = v(() => [
+    const e = i, o = y(i, "modelValue"), b = C(e.id), p = x(() => [
       "q-checkbox",
       `q-checkbox--${e.size}`,
       `q-checkbox--${e.color}`,
@@ -37,13 +37,13 @@ const w = { key: 0 }, M = ["id", "aria-checked", "disabled", "onKeydown"], P = {
       !e.disabled && !e.readonly && (o.value = !o.value);
     }
     return (h, r) => (l(), t(
-      x,
+      _,
       null,
       [
         a(
           "label",
           {
-            class: _(p.value)
+            class: v(p.value)
           },
           [
             e.labelPlacement !== "right" ? (l(), t(

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

@@ -0,0 +1,36 @@
+import { QCollapsibleProps, DEFAULT_ICONS } from './types';
+type __VLS_Props = QCollapsibleProps;
+type __VLS_PublicProps = {
+    modelValue?: boolean;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        icon?(_: {}): any;
+        "title.prepend"?(_: {}): any;
+        "title.append"?(_: {}): any;
+        subtitle?(_: {}): any;
+        default?(_: {}): 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: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    icons: typeof DEFAULT_ICONS;
+    id: string;
+    width: "fit-content" | "block";
+}, {}, {}, {}, 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=QCollapsible.vue.d.ts.map

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

@@ -0,0 +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"}

package/esm/components/QCollapsible/QCollapsible.vue.js

@@ -0,0 +1,143 @@
+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 { 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 = {
+  key: 0,
+  class: "q-collapsible__header"
+}, S = { class: "q-collapsible__title" }, A = { class: "q-collapsible__title-text" }, H = {
+  key: 1,
+  class: "q-collapsible--required"
+}, M = {
+  key: 0,
+  class: "q-collapsible__subtitle"
+}, D = { class: "q-collapsible__content-inner" }, F = { class: "q-collapsible__content" }, W = /* @__PURE__ */ T({
+  __name: "QCollapsible",
+  props: /* @__PURE__ */ w({
+    id: { default: void 0 },
+    title: {},
+    subtitle: {},
+    width: { default: "fit-content" },
+    required: { type: Boolean },
+    spacing: {},
+    variant: {},
+    iconRight: { type: Boolean },
+    icons: { default: () => O }
+  }, {
+    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;
+      return [
+        "q-collapsible",
+        e,
+        b,
+        {
+          "q-collapsible--icon-right": l.iconRight,
+          "q-collapsible--expanded": i.value
+        }
+      ];
+    }), y = r(() => [
+      "q-collapsible__content-wrapper",
+      {
+        "q-collapsible__content-show": i.value
+      }
+    ]), C = () => {
+      i.value = !i.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
+    }, {
+      header: d(() => [
+        e.title ? (c(), u("div", Q, [
+          p(a(V), {
+            "b-style": "tertiary",
+            class: "q-collapsible__btn",
+            onClick: C
+          }, {
+            default: d(() => [
+              o(" TITLE "),
+              n("div", S, [
+                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 */
+                  )
+                ]),
+                s(e.$slots, "title.prepend"),
+                n(
+                  "h4",
+                  A,
+                  m(e.title),
+                  1
+                  /* TEXT */
+                ),
+                l.required ? (c(), u("span", H, " * ")) : o("v-if", !0),
+                s(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 */
+                  )
+                ]) : o("v-if", !0)
+              ]),
+              o(" SUBTITLE "),
+              e.$slots.subtitle || e.subtitle ? (c(), u("div", M, [
+                s(e.$slots, "subtitle", {}, () => [
+                  B(
+                    m(e.subtitle),
+                    1
+                    /* TEXT */
+                  )
+                ])
+              ])) : o("v-if", !0)
+            ]),
+            _: 3
+            /* FORWARDED */
+          })
+        ])) : o("v-if", !0)
+      ]),
+      default: d(() => [
+        n(
+          "div",
+          {
+            class: f(y.value)
+          },
+          [
+            n("div", D, [
+              n("div", F, [
+                s(e.$slots, "default")
+              ])
+            ])
+          ],
+          2
+          /* CLASS */
+        )
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 8, ["id", "class", "width"]));
+  }
+});
+export {
+  W as default
+};

package/esm/components/QCollapsible/QCollapsible.vue2.js

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

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

@@ -0,0 +1,6 @@
+import { default as _QCollapsible } from './QCollapsible';
+import { QCollapsibleProps } from './types';
+declare const QCollapsible: typeof _QCollapsible;
+export { QCollapsible };
+export type { QCollapsibleProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/esm/components/QCollapsible/index.js

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

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

@@ -0,0 +1,43 @@
+import { Icon } from '../QIcon';
+export type QCollapsibleProps = {
+    /**
+     * The collapsible unique identifier.
+     */
+    id?: string;
+    /**
+     * The title of the collapsible.
+     */
+    title?: string;
+    /**
+     * 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
+     */
+    spacing?: 'compact' | 'comfortable' | 'loose';
+    /**
+     * The variant of the collapsible.
+     */
+    variant?: 'default' | 'border-bottom';
+    /**
+     * If true, the expand/collapse icon shows on the right
+     */
+    iconRight?: boolean;
+    /**
+     * Custom icon configurations.
+     */
+    icons?: typeof DEFAULT_ICONS;
+};
+type IconKeys = 'chevron';
+export declare const DEFAULT_ICONS: Record<IconKeys, Icon>;
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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"}

package/esm/components/QCollapsible/types.js

@@ -0,0 +1,8 @@
+const o = {
+  chevron: {
+    icon: "chevron-down"
+  }
+};
+export {
+  o as DEFAULT_ICONS
+};