@quidgest/ui 0.17.9 → 0.18.0

package/dist/ui.scss

@@ -1,5 +1,5 @@
 /*!
- * Quidgest UI v0.17.9
+ * Quidgest UI v0.18.0
  * (c) 2026 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
@@ -237,6 +237,7 @@ $shadow-md: (
   0 4px 6px -1px rgb(0 0 0 / 10%),
   0 2px 4px -2px rgb(0 0 0 / 10%)
 );
+$overlay-z-index: 1070 !default;
 $breakpoint-sm: 576px;
 $breakpoint-md: 768px;
 $breakpoint-lg: 992px;
@@ -400,6 +401,20 @@ $transition-duration: 0.2s !default;
     --#{$prefix}-on-hover-color-rgb: var(--q-theme-on-#{$color}-rgb);
   }
 }
+@mixin sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border: 0;
+}
+.q-sr-only {
+  @include sr-only;
+}
 .q-chevron {
   transition: all 0.2s;
   &--expanded {
@@ -420,6 +435,24 @@ $transition-duration: 0.2s !default;
     opacity: 1;
   }
 }
+.q-required-indicator {
+  display: contents;
+  &__mark {
+    margin-inline-start: 0.25em;
+    font-weight: 700;
+    color: var(--q-theme-danger);
+  }
+}
+.q-safe-triangle {
+  position: fixed;
+  z-index: $overlay-z-index + 1;
+  overflow: visible;
+  pointer-events: none;
+  &__path {
+    pointer-events: auto;
+    fill: transparent;
+  }
+}
 .q-accordion {
   display: flex;
   flex-direction: column;
@@ -1201,17 +1234,6 @@ $q-carousel-height-md: 300px;
   width: 100%;
   height: 100%;
 }
-.q-carousel__sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip-path: inset(50%);
-  white-space: nowrap;
-  border: 0;
-}
 @media (max-width: $breakpoint-md) {
   .q-carousel {
     --q-carousel-height: #{$q-carousel-height-md};
@@ -1426,12 +1448,13 @@ $q-carousel-height-md: 300px;
     justify-content: start;
     align-items: flex-start;
     flex-direction: column;
-    padding: $header-padding;
+    padding: 0;
   }
   &__btn {
     width: 100%;
     margin: 0;
-    padding: 0;
+    
+    padding: $header-padding;
     .q-button__content {
       gap: 0;
       padding: $btn-padding;
@@ -1500,10 +1523,6 @@ $q-carousel-height-md: 300px;
     }
   }
   
-  &--required {
-    font-weight: 700;
-    color: var(--q-theme-danger);
-  }
   &--icon-right {
     &:not(.q-collapsible--borderless) .q-collapsible__title .q-icon {
       margin: 0 0 0 auto;
@@ -1514,7 +1533,7 @@ $q-carousel-height-md: 300px;
   }
   
   @mixin header-spacing($spacing, $increment) {
-    &--#{$spacing} .q-collapsible__header {
+    &--#{$spacing} .q-collapsible__btn {
       padding: calc(#{$header-padding} + #{$increment});
     }
   }
@@ -2505,13 +2524,6 @@ $input-group-addon-background: rgb(var(--q-theme-neutral-light-rgb) / 25%);
   .q-icon {
     color: currentcolor;
   }
-  &--required {
-    &::after {
-      content: ' *';
-      font-weight: 700;
-      color: var(--q-theme-danger);
-    }
-  }
   &--topright {
     align-self: flex-end;
   }
@@ -2736,7 +2748,6 @@ $q-line-loader-color: var(--q-line-loader-color);
 $overlay-border-width: 1px;
 $overlay-arrow-width: 11.31px;
 $overlay-arrow-height: 11.31px;
-$overlay-z-index: 1070;
 $arrow-tip-radius: 0.1rem;
 .q-overlay {
   $this: &;
@@ -3680,6 +3691,193 @@ $spinner-color: var(--q-theme-primary);
     transition: none;
   }
 }
+.q-tabs {
+  display: flex;
+  gap: 0;
+  &--horizontal {
+    flex-direction: column;
+    .q-tabs__list {
+      flex-direction: row;
+      width: 100%;
+      border-bottom: 1px solid $border;
+    }
+    .q-tab {
+      margin-bottom: -1px;
+    }
+    .q-tabs__panels {
+      border: 1px solid $border;
+      border-top: 0;
+      border-start-start-radius: 0;
+      border-start-end-radius: 0;
+      border-end-start-radius: $border-radius;
+      border-end-end-radius: $border-radius;
+      padding-inline: calc($space-base * 2);
+    }
+  }
+  &--vertical {
+    flex-direction: row;
+    align-items: stretch;
+    .q-tabs__list {
+      flex: 0 0 auto;
+      flex-direction: column;
+      width: max-content;
+      max-width: 100%;
+      border-inline-end: 1px solid $border;
+    }
+    .q-tab {
+      justify-content: flex-start;
+      margin-inline-end: -1px;
+    }
+    .q-tabs__panels {
+      flex: 1;
+      min-width: 0;
+      border: 1px solid $border;
+      border-inline-start: 0;
+      border-start-start-radius: 0;
+      border-end-start-radius: 0;
+      border-start-end-radius: $border-radius;
+      border-end-end-radius: $border-radius;
+      padding-inline: calc($space-base * 2);
+    }
+  }
+  
+  &--line {
+    &.q-tabs--horizontal .q-tab {
+      border-bottom: 4px solid transparent;
+      border-end-start-radius: 0;
+      border-end-end-radius: 0;
+      &--active {
+        border-bottom-color: $primary;
+      }
+      @media (hover: hover) {
+        &:hover:not(:disabled, .q-tab--active) {
+          border-bottom-color: currentcolor;
+        }
+      }
+    }
+    &.q-tabs--vertical .q-tab {
+      border-inline-end: 4px solid transparent;
+      border-start-end-radius: 0;
+      border-end-end-radius: 0;
+      &--active {
+        border-inline-end-color: $primary;
+      }
+      @media (hover: hover) {
+        &:hover:not(:disabled, .q-tab--active) {
+          border-inline-end-color: currentcolor;
+        }
+      }
+    }
+  }
+  
+  &--card {
+    .q-tabs__list {
+      gap: 0;
+    }
+    .q-tab {
+      border: 1px solid $border;
+      background-color: rgb(var(--q-theme-neutral-light-rgb) / 25%);
+      &--active {
+        background-color: $container;
+        z-index: 1;
+      }
+      @media (hover: hover) {
+        &:hover:not(:disabled) {
+          border-color: $border;
+        }
+      }
+    }
+    &.q-tabs--horizontal .q-tab {
+      border-start-start-radius: $border-radius;
+      border-start-end-radius: $border-radius;
+      border-end-start-radius: 0;
+      border-end-end-radius: 0;
+      &--active {
+        border-bottom-color: $container;
+        color: $primary;
+      }
+    }
+    &.q-tabs--horizontal .q-tab--active:hover:not(:disabled) {
+      @media (hover: hover) {
+        border-bottom-color: $container;
+      }
+    }
+    &.q-tabs--vertical .q-tab {
+      border-start-start-radius: $border-radius;
+      border-end-start-radius: $border-radius;
+      border-start-end-radius: 0;
+      border-end-end-radius: 0;
+      &--active {
+        border-inline-end-color: $container;
+      }
+    }
+    &.q-tabs--vertical .q-tab--active:hover:not(:disabled) {
+      @media (hover: hover) {
+        border-inline-end-color: $container;
+      }
+    }
+  }
+  &--align-start .q-tabs__list {
+    justify-content: flex-start;
+  }
+  &--align-end .q-tabs__list {
+    justify-content: flex-end;
+  }
+  &--align-center .q-tabs__list {
+    justify-content: center;
+  }
+  &--align-justify .q-tabs__list {
+    justify-content: space-between;
+    .q-tab {
+      flex: 1;
+    }
+  }
+  &__list {
+    display: flex;
+    gap: $space-base;
+  }
+  &__panels {
+    padding-block: calc($space-base * 2);
+  }
+  &__panel {
+    &:focus {
+      outline: $outline;
+      &:not(:focus-visible) {
+        outline: 0;
+      }
+    }
+  }
+}
+.q-tab {
+  background: transparent;
+  border: 0;
+  padding: 0.5rem 0.75rem;
+  &.q-button {
+    color: $on-background;
+  }
+  &--active.q-button {
+    color: $primary;
+    cursor: default;
+    &:hover:not(:disabled) {
+      color: $primary;
+      cursor: default;
+    }
+  }
+  &__title {
+    display: inline-flex;
+    align-items: center;
+    gap: calc($space-base * 0.5);
+  }
+  &__title-text {
+    font-weight: 600;
+  }
+  &--disabled {
+    cursor: not-allowed;
+    &:hover {
+      cursor: not-allowed;
+    }
+  }
+}
 .q-text-area {
   
   display: flex;

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

@@ -16,6 +16,7 @@ var d = /*@__PURE__*/ i({
 		width: {},
 		required: { type: Boolean },
 		icons: {},
+		texts: {},
 		value: {}
 	},
 	setup(i) {

package/esm/components/QCarousel/QCarousel.vue.js

@@ -29,7 +29,7 @@ var k = ["id"], A = {
 	"aria-label",
 	"aria-current",
 	"onClick"
-], P = { class: "q-carousel__sr-only" }, F = { class: "q-carousel__sr-only" }, I = /*@__PURE__*/ d({
+], P = { class: "q-sr-only" }, F = { class: "q-sr-only" }, I = /*@__PURE__*/ d({
 	__name: "QCarousel",
 	props: /*@__PURE__*/ f({
 		id: {},

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":"AAkEA;AAiJC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAU3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;AAKvC,KAAK,WAAW,GAAG,cAAc,CAAC;AAqEnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA2HT,OAAO,IAA6B;;wBAdtB,GAAG;wBACF,GAAG;;;;;;;EAkB/B;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;OASnB,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":"QCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCheckbox/QCheckbox.vue"],"names":[],"mappings":"AAmEA;AAkJC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAU3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;AAKvC,KAAK,WAAW,GAAG,cAAc,CAAC;AAqEnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA4HT,OAAO,IAA6B;;wBAdtB,GAAG;wBACF,GAAG;;;;;;;EAkB/B;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;OASnB,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/QCheckbox/QCheckbox.vue.js

@@ -15,6 +15,7 @@ var w = [
 	"id",
 	"aria-label",
 	"aria-checked",
+	"aria-required",
 	"disabled",
 	"readonly",
 	"onKeydown"
@@ -111,6 +112,7 @@ var w = [
 				"data-testid": "checkbox-button",
 				"aria-label": u.label,
 				"aria-checked": u.indeterminate ? "mixed" : d.value,
+				"aria-required": u.required || void 0,
 				disabled: u.disabled,
 				readonly: u.readonly
 			}, t.$attrs, {

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

@@ -1,4 +1,4 @@
-import { DEFAULT_ICONS } from './constants';
+import { DEFAULT_ICONS, DEFAULT_TEXTS } from './constants';
 import { QCollapsibleProps } from '.';
 type __VLS_Props = QCollapsibleProps;
 type __VLS_PublicProps = {
@@ -25,6 +25,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }>, {
     width: import('./types').QCollapsibleWidth;
     icons: typeof DEFAULT_ICONS;
+    texts: typeof DEFAULT_TEXTS;
 }, {}, {}, {}, 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":"AAyEA;AA2IC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAQ3C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,GAAG,CAAA;AAK1C,KAAK,WAAW,GAAG,iBAAiB,CAAC;AAuDtC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA+IT,OAAO,IAA6B;;sBAfvB,GAAG;sBAGH,GAAG;iCAFQ,GAAG;gCACJ,GAAG;0BAET,GAAG;yBACJ,GAAG;;;;EAehC;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;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":"AAwEA;AA4IC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAS1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,GAAG,CAAA;AAK1C,KAAK,WAAW,GAAG,iBAAiB,CAAC;AAyDtC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAuJT,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,21 +1,19 @@
-import { DEFAULT_ICONS as e } from "./constants.js";
-import { QButton as t } from "../QButton/index.js";
-import { QCard as n } from "../QCard/index.js";
-import { QChevron as r } from "../__internal__/QChevron/index.js";
-import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeModels as f, normalizeClass as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, useModel as v, withCtx as y } from "vue";
+import { DEFAULT_ICONS as e, DEFAULT_TEXTS as t } from "./constants.js";
+import { QButton as n } from "../QButton/index.js";
+import { QCard as r } from "../QCard/index.js";
+import { QChevron as i } from "../__internal__/QChevron/index.js";
+import { QRequiredIndicator as a } from "../__internal__/QRequiredIndicator/index.js";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, mergeModels as m, normalizeClass as h, openBlock as g, renderSlot as _, toDisplayString as v, unref as y, useModel as b, withCtx as x } from "vue";
 //#region src/components/QCollapsible/QCollapsible.vue?vue&type=script&setup=true&lang.ts
-var b = {
+var S = {
 	key: 0,
 	class: "q-collapsible__header"
-}, x = { class: "q-collapsible__title" }, S = { class: "q-collapsible__title-text" }, C = {
-	key: 1,
-	class: "q-collapsible--required"
-}, w = {
+}, C = { class: "q-collapsible__title" }, w = { class: "q-collapsible__title-text" }, T = {
 	key: 0,
 	class: "q-collapsible__subtitle"
-}, T = { class: "q-collapsible__content-inner" }, E = { class: "q-collapsible__content" }, D = /*@__PURE__*/ d({
+}, E = { class: "q-collapsible__content-inner" }, D = { class: "q-collapsible__content" }, O = /*@__PURE__*/ p({
 	__name: "QCollapsible",
-	props: /*@__PURE__*/ f({
+	props: /*@__PURE__*/ m({
 		id: {},
 		class: {},
 		title: {},
@@ -25,60 +23,65 @@ var b = {
 		spacing: {},
 		width: { default: "fit-content" },
 		required: { type: Boolean },
-		icons: { default: () => e }
+		icons: { default: () => e },
+		texts: { default: () => t }
 	}, {
 		modelValue: { type: Boolean },
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let d = e, f = v(e, "modelValue"), D = i(() => d.width === "block" ? "block" : void 0), O = i(() => [
+		let t = e, p = b(e, "modelValue"), m = o(() => t.width === "block" ? "block" : void 0), O = o(() => [
 			"q-collapsible",
-			d.spacing && d.spacing !== "comfortable" ? `q-collapsible--${d.spacing}` : void 0,
-			d.variant && d.variant !== "default" ? `q-collapsible--${d.variant}` : void 0,
-			{ "q-collapsible--icon-right": d.iconRight },
-			d.class
-		]), k = i(() => ["q-collapsible__content-wrapper", { "q-collapsible__content-show": f.value }]);
+			t.spacing && t.spacing !== "comfortable" ? `q-collapsible--${t.spacing}` : void 0,
+			t.variant && t.variant !== "default" ? `q-collapsible--${t.variant}` : void 0,
+			{ "q-collapsible--icon-right": t.iconRight },
+			t.class
+		]), k = o(() => ["q-collapsible__content-wrapper", { "q-collapsible__content-show": p.value }]);
 		function A() {
-			f.value = !f.value;
+			p.value = !p.value;
 		}
-		return (i, v) => (m(), a(_(n), {
-			id: d.id,
-			class: p(O.value),
-			width: D.value
+		return (o, b) => (g(), s(y(r), {
+			id: t.id,
+			class: h(O.value),
+			width: m.value
 		}, {
-			header: y(() => [e.title ? (m(), s("div", b, [u(_(t), {
+			header: x(() => [e.title ? (g(), l("div", S, [f(y(n), {
 				variant: "text",
 				block: "",
 				class: "q-collapsible__btn",
-				"aria-expanded": f.value,
+				"aria-expanded": p.value,
 				onClick: A
 			}, {
-				default: y(() => [
-					o(" TITLE "),
-					c("div", x, [
-						o(" ICON ON THE LEFT "),
-						e.iconRight ? o("v-if", !0) : h(i.$slots, "icon", { key: 0 }, () => [u(_(r), {
-							"model-value": f.value,
-							icons: d.icons
+				default: x(() => [
+					c(" TITLE "),
+					u("div", C, [
+						c(" ICON ON THE LEFT "),
+						e.iconRight ? c("v-if", !0) : _(o.$slots, "icon", { key: 0 }, () => [f(y(i), {
+							"model-value": p.value,
+							icons: t.icons
 						}, null, 8, ["model-value", "icons"])]),
-						h(i.$slots, "title.prepend"),
-						c("h4", S, g(e.title), 1),
-						d.required ? (m(), s("span", C, " * ")) : o("v-if", !0),
-						h(i.$slots, "title.append"),
-						o(" ICON ON THE RIGHT "),
-						e.iconRight ? h(i.$slots, "icon", { key: 2 }, () => [u(_(r), {
-							"model-value": f.value,
+						_(o.$slots, "title.prepend"),
+						u("h4", w, v(e.title), 1),
+						t.required ? (g(), s(y(a), {
+							key: 1,
+							announce: "",
+							texts: t.texts
+						}, null, 8, ["texts"])) : c("v-if", !0),
+						_(o.$slots, "title.append"),
+						c(" ICON ON THE RIGHT "),
+						e.iconRight ? _(o.$slots, "icon", { key: 2 }, () => [f(y(i), {
+							"model-value": p.value,
 							class: "q-collapsible__chevron-right",
-							icons: d.icons
-						}, null, 8, ["model-value", "icons"])]) : o("v-if", !0)
+							icons: t.icons
+						}, null, 8, ["model-value", "icons"])]) : c("v-if", !0)
 					]),
-					o(" SUBTITLE "),
-					i.$slots.subtitle || e.subtitle ? (m(), s("div", w, [h(i.$slots, "subtitle", {}, () => [l(g(e.subtitle), 1)])])) : o("v-if", !0)
+					c(" SUBTITLE "),
+					o.$slots.subtitle || e.subtitle ? (g(), l("div", T, [_(o.$slots, "subtitle", {}, () => [d(v(e.subtitle), 1)])])) : c("v-if", !0)
 				]),
 				_: 3
-			}, 8, ["aria-expanded"])])) : o("v-if", !0)]),
-			default: y(() => [c("div", { class: p(k.value) }, [c("div", T, [c("div", E, [h(i.$slots, "default")])])], 2)]),
+			}, 8, ["aria-expanded"])])) : c("v-if", !0)]),
+			default: x(() => [u("div", { class: h(k.value) }, [u("div", E, [u("div", D, [_(o.$slots, "default")])])], 2)]),
 			_: 3
 		}, 8, [
 			"id",
@@ -88,4 +91,4 @@ var b = {
 	}
 });
 //#endregion
-export { D as default };
+export { O as default };

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

@@ -3,4 +3,10 @@ export declare const DEFAULT_ICONS: {
         icon: string;
     };
 };
+/**
+ * Default accessible strings for {@link QCollapsible}.
+ */
+export declare const DEFAULT_TEXTS: {
+    required: string;
+};
 //# sourceMappingURL=constants.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/QCollapsible/constants.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,aAAa;;;;CAEM,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/QCollapsible/constants.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,aAAa;;;;CAEM,CAAA;AAEhC;;GAEG;AACH,eAAO,MAAM,aAAa;;CAEQ,CAAA"}

package/esm/components/QCollapsible/constants.js

@@ -1,5 +1,6 @@
 import { DEFAULT_ICONS as e } from "../__internal__/QChevron/constants.js";
+import { DEFAULT_TEXTS as t } from "../__internal__/QRequiredIndicator/constants.js";
 //#region src/components/QCollapsible/constants.ts
-var t = { ...e };
+var n = { ...e }, r = { ...t };
 //#endregion
-export { t as DEFAULT_ICONS };
+export { n as DEFAULT_ICONS, r as DEFAULT_TEXTS };

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

@@ -10,6 +10,7 @@ declare const QCollapsible: {
         width?: import('./types').QCollapsibleWidth;
         required?: boolean;
         icons?: typeof import('./constants').DEFAULT_ICONS;
+        texts?: typeof import('./constants').DEFAULT_TEXTS;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -17,6 +18,7 @@ declare const QCollapsible: {
     }, import('vue').PublicProps, {
         width: import('./types').QCollapsibleWidth;
         icons: typeof import('./constants').DEFAULT_ICONS;
+        texts: typeof import('./constants').DEFAULT_TEXTS;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -35,11 +37,13 @@ declare const QCollapsible: {
         width?: import('./types').QCollapsibleWidth;
         required?: boolean;
         icons?: typeof import('./constants').DEFAULT_ICONS;
+        texts?: typeof import('./constants').DEFAULT_TEXTS;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, {
         width: import('./types').QCollapsibleWidth;
         icons: typeof import('./constants').DEFAULT_ICONS;
+        texts: typeof import('./constants').DEFAULT_TEXTS;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -55,6 +59,7 @@ declare const QCollapsible: {
     width?: import('./types').QCollapsibleWidth;
     required?: boolean;
     icons?: typeof import('./constants').DEFAULT_ICONS;
+    texts?: typeof import('./constants').DEFAULT_TEXTS;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -62,6 +67,7 @@ declare const QCollapsible: {
 }, string, {
     width: import('./types').QCollapsibleWidth;
     icons: typeof import('./constants').DEFAULT_ICONS;
+    texts: typeof import('./constants').DEFAULT_TEXTS;
 }, {}, 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":"AAMA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAiC,CAAA;AAGnD,OAAO,EAAE,YAAY,EAAE,CAAA;AAGvB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QCollapsible/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAiC,CAAA;AAGnD,OAAO,EAAE,YAAY,EAAE,CAAA;AAGvB,cAAc,SAAS,CAAA"}

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

@@ -1,5 +1,5 @@
 import { QBaseComponentProps } from '../../types/component';
-import { DEFAULT_ICONS } from './constants';
+import { DEFAULT_ICONS, DEFAULT_TEXTS } from './constants';
 export type QCollapsibleVariant = 'default' | 'border-bottom';
 export type QCollapsibleWidth = 'fit-content' | 'block';
 export type QCollapsibleSpacing = 'compact' | 'comfortable' | 'loose';
@@ -43,6 +43,10 @@ export type QCollapsibleProps = QBaseComponentProps & {
     /**
      * Show an indicator that there are required elements inside the group.
      *
+     * The asterisk is decorative (`aria-hidden`); {@link QRequiredIndicator}
+     * with `announce` exposes the state to assistive tech via `.q-sr-only`
+     * (from `texts.required`).
+     *
      * @category State
      */
     required?: boolean;
@@ -52,5 +56,11 @@ export type QCollapsibleProps = QBaseComponentProps & {
      * @category Configuration
      */
     icons?: typeof DEFAULT_ICONS;
+    /**
+     * Custom accessible strings.
+     *
+     * @category Configuration
+     */
+    texts?: typeof DEFAULT_TEXTS;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QCollapsible/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD,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;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAE7B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAE7B;;;;OAIG;IACH,KAAK,CAAC,EAAE,iBAAiB,CAAA;IAEzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QCollapsible/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE/D,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;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAE7B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAE7B;;;;OAIG;IACH,KAAK,CAAC,EAAE,iBAAiB,CAAA;IAEzB;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"QDateTimePicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDateTimePicker/QDateTimePicker.vue"],"names":[],"mappings":"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"}
+{"version":3,"file":"QDateTimePicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDateTimePicker/QDateTimePicker.vue"],"names":[],"mappings":"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"}