@quidgest/ui 0.14.5 → 0.14.6

package/dist/ui.scss

@@ -1,6 +1,6 @@
 /*!
- * Quidgest UI v0.14.5
- * (c) 2024 Quidgest - Consultores de Gestão, S.A.
+ * Quidgest UI v0.14.6
+ * (c) 2025 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
 
@@ -196,6 +196,9 @@ $input-padding-x: 0.25rem !default;
   margin: 0;
   overflow: hidden;
 }
+:root {
+  --border-radius: #{$border-radius};
+}
 *,
 ::after,
 ::before {
@@ -218,11 +221,11 @@ body {
     }
     &::-webkit-scrollbar-thumb {
       background-color: $scrollbar-thumb;
-      border-radius: $border-radius;
+      border-radius: var(--border-radius);
     }
     &::-webkit-scrollbar-track {
       background-color: $scrollbar-track;
-      border-radius: $border-radius;
+      border-radius: var(--border-radius);
     }
   }
 }
@@ -238,12 +241,17 @@ body {
 .fade-leave-active {
   transition: opacity 0.2s;
 }
+.q-accordion {
+  display: flex;
+  flex-direction: column;
+  gap: $space-base;
+}
 .q-badge {
   $this: &;
   display: inline-flex;
   border-width: 1px;
   border-color: transparent;
-  border-radius: $border-radius;
+  border-radius: var(--border-radius);
   padding: 0.25em 0.5em;
   line-height: 1rem;
   font-size: 0.75rem;
@@ -334,7 +342,7 @@ $button-text-on-plain: var(--q-theme-on-background);
   user-select: none;
   -webkit-user-select: none;
   -moz-user-select: none;
-  border-radius: $border-radius;
+  border-radius: var(--border-radius);
   transition-property: color, background-color, border-color, box-shadow, text-decoration-color,
     fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -472,7 +480,7 @@ $button-text-on-plain: var(--q-theme-on-background);
   --box-shadow-tint: 0 0 0;
   position: relative;
   display: inline-flex;
-  border-radius: $border-radius;
+  border-radius: var(--border-radius);
   &--elevated {
     --box-shadow-tint: var(--q-theme-primary-rgb);
     box-shadow:
@@ -509,7 +517,7 @@ $button-text-on-plain: var(--q-theme-on-background);
   min-height: 5rem;
   min-width: 7rem;
   border: var(--card-border);
-  border-radius: $border-radius;
+  border-radius: var(--border-radius);
   background-color: var(--card-background);
   width: var(--card-width);
   overflow: hidden;
@@ -653,7 +661,7 @@ $button-text-on-plain: var(--q-theme-on-background);
     width: var(--box-size);
     height: var(--box-size);
     border: 1px solid $border;
-    border-radius: $border-radius;
+    border-radius: var(--border-radius);
     padding: 0;
     transition:
       background 0.2s,
@@ -732,6 +740,152 @@ $button-text-on-plain: var(--q-theme-on-background);
     transition: none;
   }
 }
+.q-collapsible {
+  $btn-padding: 0.2rem; 
+  $header-padding: 0.75rem - $btn-padding;
+  $this: &;
+  display: flex;
+  flex-direction: column;
+  word-wrap: break-word;
+  background-color: var(--q-theme-container);
+  border-width: 1px;
+  border-radius: var(--border-radius);
+  position: relative;
+  max-width: 100%;
+  min-height: 0;
+  #{$this}__chevron {
+    transition: all 0.2s;
+    font-weight: 600;
+    &:hover,
+    &:focus {
+      cursor: pointer;
+      opacity: 1;
+    }
+  }
+  &:not(#{$this}--borderless) {
+    #{$this}__chevron-right {
+      position: absolute;
+      right: 0;
+    }
+  }
+  &--expanded {
+    #{$this}__chevron {
+      transform: rotate(-180deg);
+    }
+  }
+  .q-card__content {
+    padding: 0;
+  }
+  .q-card__header {
+    padding-bottom: 0;
+  }
+  &__header {
+    display: flex;
+    position: relative;
+    width: 100%;
+    margin: 0;
+    border-bottom: 1px solid $border;
+    overflow: hidden;
+    gap: 0;
+    justify-content: start;
+    align-items: flex-start;
+    flex-direction: column;
+    padding: $header-padding;
+  }
+  &__btn {
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    .q-btn__content {
+      width: 100%;
+      gap: 0;
+      padding: $btn-padding;
+      display: flex;
+      flex-direction: column;
+      align-items: start;
+      letter-spacing: 0.02rem;
+      color: var(--q-theme-on-background);
+      h4 {
+        margin: 0;
+      }
+    }
+  }
+  &__title {
+    display: flex;
+    width: 100%;
+    gap: 0.2rem;
+    position: relative;
+    text-align: start;
+    align-items: center;
+    padding: 0;
+    &-text {
+      font-weight: 600;
+    }
+  }
+  &__subtitle {
+    margin-left: 1.25rem;
+    text-align: start;
+    line-height: 0.75rem;
+    font-size: 0.75rem;
+    text-decoration: none;
+    white-space: nowrap;
+    color: var(--q-theme-neutral);
+    padding: 0;
+    padding-top: 0.3rem;
+  }
+  &__content {
+    padding: 1rem;
+    padding-top: 0.75rem;
+    &-wrapper {
+      display: grid;
+      grid-template-rows: 0fr;
+      transition: 0.5s;
+      &:not(#{$this}__content-show) {
+        pointer-events: none;
+        visibility: hidden;
+      }
+    }
+    &-inner {
+      overflow: hidden;
+      overflow-x: inherit;
+    }
+    &-show {
+      grid-template-rows: 1fr;
+    }
+  }
+  
+  &--border-bottom {
+    border-radius: 0;
+    border: 0;
+    border-bottom: 1px solid $border;
+    .q-collapsible__header {
+      border: 0;
+    }
+  }
+  
+  &--required {
+    margin-top: -0.3rem;
+    margin-left: 0.1rem;
+    font-weight: 700;
+    color: var(--q-theme-danger);
+  }
+  &--icon-right {
+    &:not(.q-collapsible--borderless) .q-collapsible__title .q-icon {
+      margin: 0 0 0 auto;
+    }
+    .q-collapsible__subtitle {
+      margin-left: 0;
+    }
+  }
+  
+  @mixin header-spacing($spacing, $increment) {
+    &--#{$spacing} .q-collapsible__header {
+      padding: calc(#{$header-padding} + #{$increment});
+    }
+  }
+  @include header-spacing(loose, $space-base);
+  @include header-spacing(compact, -$space-base);
+}
 .q-combobox {
   $this: &;
   &:not(#{$this}--disabled) {
@@ -811,7 +965,7 @@ $button-text-on-plain: var(--q-theme-on-background);
   $this: &;
   display: flex;
   flex-direction: column;
-  border-radius: $border-radius;
+  border-radius: var(--border-radius);
   width: fit-content;
   &__label {
     display: flex;
@@ -915,12 +1069,12 @@ $input-group-addon-color: var(--q-theme-primary);
 $input-group-addon-background: rgb(var(--q-theme-neutral-light-rgb) / 0.25);
 .q-input-group {
   &__prepend > :first-child {
-    border-top-left-radius: $border-radius;
-    border-bottom-left-radius: $border-radius;
+    border-top-left-radius: var(--border-radius);
+    border-bottom-left-radius: var(--border-radius);
   }
   &__append > :last-child {
-    border-top-right-radius: $border-radius;
-    border-bottom-right-radius: $border-radius;
+    border-top-right-radius: var(--border-radius);
+    border-bottom-right-radius: var(--border-radius);
   }
   &__prepend,
   &__append {
@@ -963,12 +1117,12 @@ $input-group-addon-background: rgb(var(--q-theme-neutral-light-rgb) / 0.25);
       }
     }
     > :first-child {
-      border-top-left-radius: $border-radius;
-      border-bottom-left-radius: $border-radius;
+      border-top-left-radius: var(--border-radius);
+      border-bottom-left-radius: var(--border-radius);
     }
     > :last-child {
-      border-top-right-radius: $border-radius;
-      border-bottom-right-radius: $border-radius;
+      border-top-right-radius: var(--border-radius);
+      border-bottom-right-radius: var(--border-radius);
     }
     > * + * {
       margin-left: -1px;
@@ -1023,7 +1177,7 @@ $line-color: var(--q-theme-primary);
   padding: 0;
   -webkit-overflow-scrolling: touch;
   width: 100%;
-  border-radius: $border-radius;
+  border-radius: var(--border-radius);
 }
 .q-list-item-group {
   display: flex;
@@ -1057,7 +1211,7 @@ $line-color: var(--q-theme-primary);
   word-wrap: break-word;
   -webkit-touch-callout: none;
   width: inherit;
-  border-radius: $border-radius;
+  border-radius: var(--border-radius);
   outline: none;
   &:hover {
     cursor: pointer;
@@ -1141,7 +1295,7 @@ $arrow-tip-radius: 0.1rem;
     background-color: var(--q-overlay-bg);
     color: var(--q-overlay-color);
     border: $overlay-border-width solid var(--q-overlay-border-color);
-    border-radius: $border-radius;
+    border-radius: var(--border-radius);
     outline: none;
     box-shadow:
       0 0 #0000,
@@ -1404,7 +1558,7 @@ $base-border: 1px solid rgba(0, 0, 0, 0.1);
     overflow: hidden;
     background-color: var(--q-theme-neutral-light);
     animation: fadeIn 1s;
-    border-radius: $border-radius;
+    border-radius: var(--border-radius);
     &::after {
       position: absolute;
       top: 0;

package/esm/components/QAccordion/QAccordion.d.ts

@@ -0,0 +1,26 @@
+import { QAccordionProps } from './types';
+declare let __VLS_typeProps: QAccordionProps;
+type __VLS_PublicProps = {
+    modelValue?: string;
+} & typeof __VLS_typeProps;
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+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;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+}>, {}, {}, {}, {}, 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=QAccordion.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QAccordion.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QAccordion/QAccordion.vue"],"names":[],"mappings":"AAoCC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAO/C,QAAA,IAAI,eAAe,EAAG,eAAe,CAAC;AAmBtC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,OAAO,eAAe,CAAC;AAI3B,iBAAS,cAAc;;yBA2BM,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AASD,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"}

package/esm/components/QAccordion/QAccordion.vue.js

@@ -0,0 +1,27 @@
+import { defineComponent as r, mergeModels as a, toRef as l, useModel as s, openBlock as n, createElementBlock as d, renderSlot as i } from "vue";
+import { provideDefaults as m } from "../../composables/defaults.js";
+import { useGroup as c } from "../../composables/group.js";
+const p = { class: "q-accordion" }, V = /* @__PURE__ */ r({
+  __name: "QAccordion",
+  props: /* @__PURE__ */ a({
+    variant: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    m({
+      QCollapsible: {
+        variant: l(e, "variant")
+      }
+    });
+    const o = s(e, "modelValue");
+    return c({ active: o }), (t, f) => (n(), d("div", p, [
+      i(t.$slots, "default")
+    ]));
+  }
+});
+export {
+  V as default
+};

package/esm/components/QAccordion/QAccordion.vue2.js

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

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

@@ -0,0 +1,4 @@
+import { default as _QAccordion } from './QAccordion';
+declare const QAccordion: typeof _QAccordion;
+export { QAccordion };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QAccordion/index.ts"],"names":[],"mappings":"AACA,OAAO,WAAW,MAAM,kBAAkB,CAAA;AAK1C,QAAA,MAAM,UAAU,EAAmC,OAAO,WAAW,CAAA;AAGrE,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/esm/components/QAccordion/index.js

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

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

@@ -0,0 +1,7 @@
+export type QAccordionProps = {
+    /**
+     * The variant of the collapsibles.
+     */
+    variant?: 'default' | 'border-bottom';
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QAccordion/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,eAAe,CAAA;CACrC,CAAA"}

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

@@ -16,8 +16,8 @@ declare function __VLS_template(): {
 };
 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/QCollapsible/QCollapsible.d.ts

@@ -0,0 +1,35 @@
+import { QCollapsibleProps, DEFAULT_ICONS } from './types';
+declare let __VLS_typeProps: QCollapsibleProps;
+type __VLS_PublicProps = {
+    modelValue?: boolean;
+} & typeof __VLS_typeProps;
+declare function __VLS_template(): {
+    slots: {
+        icon?(_: {}): any;
+        icon?(_: {}): any;
+        "title.prepend"?(_: {}): any;
+        "title.append"?(_: {}): any;
+        subtitle?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+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: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((modelValue: 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":"AAqJC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAGhD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAOxC,QAAA,IAAI,eAAe,EAAG,iBAAiB,CAAC;AAmExC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,OAAO,eAAe,CAAC;AAI3B,iBAAS,cAAc;;sBAiHI,GAAG;sBAGH,GAAG;iCAFQ,GAAG;gCACJ,GAAG;0BAET,GAAG;yBACJ,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAkBD,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/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 h, withCtx as d, createElementBlock as p, createVNode as u, createCommentVNode as t, createElementVNode as n, renderSlot as s, mergeProps as m, toDisplayString as f, 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), o = 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, o == null || o.toggle();
+    };
+    return N(
+      () => o == null ? void 0 : o.isActive.value,
+      () => i.value = o == null ? void 0 : o.isActive.value
+    ), (e, b) => (c(), $(a(E), {
+      id: a(_),
+      class: h(k.value),
+      width: g.value
+    }, {
+      header: d(() => [
+        e.title ? (c(), p("div", Q, [
+          u(a(V), {
+            "b-style": "tertiary",
+            class: "q-collapsible__btn",
+            onClick: C
+          }, {
+            default: d(() => [
+              t(" TITLE "),
+              n("div", S, [
+                t(" ICON ON THE LEFT "),
+                e.iconRight ? t("v-if", !0) : s(e.$slots, "icon", { key: 0 }, () => [
+                  u(
+                    a(q),
+                    m({ class: "q-collapsible__chevron" }, l.icons.chevron),
+                    null,
+                    16
+                    /* FULL_PROPS */
+                  )
+                ]),
+                s(e.$slots, "title.prepend"),
+                n(
+                  "h4",
+                  A,
+                  f(e.title),
+                  1
+                  /* TEXT */
+                ),
+                l.required ? (c(), p("span", H, " * ")) : t("v-if", !0),
+                s(e.$slots, "title.append"),
+                t(" ICON ON THE RIGHT "),
+                e.iconRight ? s(e.$slots, "icon", { key: 2 }, () => [
+                  u(
+                    a(q),
+                    m({ class: "q-collapsible__chevron q-collapsible__chevron-right" }, l.icons.chevron),
+                    null,
+                    16
+                    /* FULL_PROPS */
+                  )
+                ]) : t("v-if", !0)
+              ]),
+              t(" SUBTITLE "),
+              e.$slots.subtitle || e.subtitle ? (c(), p("div", M, [
+                s(e.$slots, "subtitle", {}, () => [
+                  B(
+                    f(e.subtitle),
+                    1
+                    /* TEXT */
+                  )
+                ])
+              ])) : t("v-if", !0)
+            ]),
+            _: 3
+            /* FORWARDED */
+          })
+        ])) : t("v-if", !0)
+      ]),
+      default: d(() => [
+        n(
+          "div",
+          {
+            class: h(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
+};