@quidgest/ui 0.21.1 → 0.22.0

package/dist/ui.scss

@@ -1,5 +1,5 @@
 /*!
- * Quidgest UI v0.21.1
+ * Quidgest UI v0.22.0
  * (c) 2026 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
@@ -3090,7 +3090,7 @@ $q-line-loader-color: var(--q-line-loader-color);
     background-color: var(--q-theme-primary);
   }
 }
-.q-obfuscation {
+.q-obfuscation {
   &__value {
     display: flex;
     align-items: center;
@@ -3636,6 +3636,131 @@ $arrow-tip-radius: 0.1rem;
     font-size: $font-size-base;
   }
 }
+$transition-speed: 0.4s !default;
+@keyframes q-progress-move {
+  from {
+    background-position: 0 0;
+  }
+  to {
+    background-position: 1rem 0;
+  }
+}
+@keyframes q-progress-pulse {
+  0% {
+    transform: scale(0, 0);
+    opacity: 0.4;
+  }
+  100% {
+    transform: scale(10, 10);
+    opacity: 0;
+  }
+}
+.q-progress {
+  $this: &;
+  --q-progress-main-color: var(--q-theme-primary);
+  --q-progress-main-color-rgb: var(--q-theme-primary-rgb);
+  --q-progress-on-main-color: var(--q-theme-on-primary);
+  --q-progress-on-main-color-rgb: var(--q-theme-on-primary-rgb);
+  &__bar {
+    display: flex;
+    overflow: hidden;
+    height: 1.2rem;
+    line-height: 0;
+    font-size: 0.75rem;
+    background-color: var(--q-theme-neutral-light);
+    border-radius: $border-radius;
+    &--mini {
+      height: 0.35rem;
+      font-size: 0;
+    }
+  }
+  &__fill {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    overflow: hidden;
+    position: relative;
+    color: var(--q-progress-on-main-color);
+    text-align: center;
+    white-space: nowrap;
+    background-color: var(--q-progress-main-color);
+    transition: width $transition-speed ease;
+    &-text {
+      position: relative;
+      margin: 0 10%;
+      height: 100%;
+      text-align: center;
+      align-content: center;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      line-height: initial;
+    }
+    &--striped {
+      background-image: linear-gradient(
+        45deg,
+        rgb(255 255 255 / 15%) 25%,
+        transparent 25%,
+        transparent 50%,
+        rgb(255 255 255 / 15%) 50%,
+        rgb(255 255 255 / 15%) 75%,
+        transparent 75%,
+        transparent
+      );
+      background-size: 1rem 1rem;
+    }
+    &--animated {
+      animation: 1s linear infinite q-progress-move;
+      &::before {
+        content: '';
+        position: absolute;
+        left: -100%;
+        width: 100%;
+        height: 100%;
+        background-image: radial-gradient(
+          circle at 100%,
+          var(--q-theme-neutral-dark) 75%,
+          transparent 35%
+        );
+        animation: 5s linear infinite q-progress-pulse;
+      }
+    }
+  }
+  &__values {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 5px;
+    &-min,
+    &-max {
+      position: relative;
+    }
+  }
+  
+  @mixin color-variant($color) {
+    &--#{$color} {
+      --q-progress-main-color: var(--q-theme-#{$color});
+      --q-progress-main-color-rgb: var(--q-theme-#{$color}-rgb);
+      --q-progress-on-main-color: var(--q-theme-on-#{$color});
+      --q-progress-on-main-color-rgb: var(--q-theme-on-#{$color}-rgb);
+      --q-progress-on-hover-color: var(--q-theme-on-#{$color});
+      --q-progress-on-hover-color-rgb: var(--q-theme-on-#{$color}-rgb);
+    }
+  }
+  @each $color, $value in $theme-colors {
+    @include color-variant($color);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .q-progress__fill {
+    transition: none;
+    &--animated {
+      animation: none;
+      &::before {
+        display: none;
+      }
+    }
+  }
+}
 $table-header-bg: rgb(var(--q-theme-neutral-light-rgb) / 25%);
 $row-hover-bg: rgb(var(--q-theme-primary-light-rgb) / 50%);
 $row-selected-bg: rgb(var(--q-theme-primary-rgb) / 15%);

package/esm/components/QProgress/QProgress.d.ts

@@ -0,0 +1,21 @@
+import { QProgressProps } from '.';
+type __VLS_Props = QProgressProps;
+type __VLS_PublicProps = {
+    modelValue?: number;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {
+    mini: boolean;
+    min: number;
+    max: number;
+    striped: boolean;
+    animated: boolean;
+    showLimits: boolean;
+    showValue: boolean;
+    showPercent: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=QProgress.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QProgress.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QProgress/QProgress.vue"],"names":[],"mappings":"AAgDA;AA+MC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;AAKvC,KAAK,WAAW,GAAG,cAAc,CAAC;AAyJnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;AAyGhB,wBAQG"}

package/esm/components/QProgress/QProgress.vue.js

@@ -0,0 +1,112 @@
+import { useColor as e } from "../../composables/useColor/index.js";
+import { useId as t } from "../../composables/useId/index.js";
+import { computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, mergeModels as s, mergeProps as c, nextTick as l, normalizeClass as u, normalizeStyle as d, openBlock as f, ref as p, toDisplayString as m, toRef as h, unref as g, useModel as _, watch as v } from "vue";
+//#region src/components/QProgress/QProgress.vue?vue&type=script&setup=true&lang.ts
+var y = ["id"], b = [
+	"id",
+	"aria-valuenow",
+	"aria-valuemin",
+	"aria-valuemax",
+	"aria-valuetext",
+	"aria-labelledby"
+], x = ["title"], S = {
+	class: "q-sr-only",
+	role: "status",
+	"aria-live": "polite",
+	"aria-atomic": "true"
+}, C = {
+	key: 1,
+	class: "q-progress__values"
+}, w = { class: "q-progress__values-min" }, T = { class: "q-progress__values-max" }, E = /*@__PURE__*/ o({
+	inheritAttrs: !1,
+	__name: "QProgress",
+	props: /*@__PURE__*/ s({
+		id: {},
+		class: {},
+		label: {},
+		text: {},
+		striped: {
+			type: Boolean,
+			default: !1
+		},
+		animated: {
+			type: Boolean,
+			default: !1
+		},
+		mini: {
+			type: Boolean,
+			default: !1
+		},
+		color: {},
+		min: { default: 0 },
+		max: { default: 100 },
+		showLimits: {
+			type: Boolean,
+			default: !1
+		},
+		showValue: {
+			type: Boolean,
+			default: !1
+		},
+		showPercent: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: { default: 0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(o) {
+		let s = o, E = _(o, "modelValue"), { isUtilityColor: D, style: O } = e(h(s, "color")), k = t(h(s, "id")), A = n(() => Number.isFinite(s.min) ? s.min < s.max ? s.min : s.max : 0), j = n(() => Number.isFinite(s.max) ? s.max > s.min ? s.max : s.min === s.max ? s.max + 1 : s.min : A.value + 1), M = n(() => Number.isNaN(E.value) ? 0 : E.value < A.value ? A.value : E.value > j.value ? j.value : E.value), N = n(() => Number(((M.value - A.value) / (j.value - A.value) * 100).toFixed(2))), P = n(() => ["q-progress", s.class]), F = n(() => [
+			"q-progress__bar",
+			{ "q-progress__bar--mini": s.mini },
+			D.value ? `q-progress--${s.color}` : void 0
+		]), I = n(() => ["q-progress__fill", {
+			"q-progress__fill--striped": s.striped,
+			"q-progress__fill--animated": s.animated && N.value < 100
+		}]), L = n(() => ({ width: `${N.value}%` })), R = n(() => {
+			if (!D.value) return {
+				"--q-progress-main-color": O.value?.mainColor,
+				"--q-progress-main-color-rgb": O.value?.mainColorRgb,
+				"--q-progress-on-main-color": O.value?.onMainColor
+			};
+		}), z = n(() => `${s.text ? `${s.text} ` : ""}${M.value} (${N.value}%)`), B = n(() => {
+			if (s.mini) return "";
+			let e = s.text ?? "";
+			return e += s.text && s.showValue ? " " : "", e += s.showValue ? M.value.toString() : "", e += (s.text || s.showValue) && s.showPercent ? " " : "", e += s.showPercent ? N.value.toString() + "%" : "", e;
+		}), V = n(() => s.label ? k.value + "_label" : void 0), H = p(""), U = p(0);
+		return v(E, async () => {
+			let e = N.value;
+			e - U.value < 25 && e < 100 || (U.value = e, await l(), H.value = `${s.label ? `${s.label} ` : ""}${N.value}%`);
+		}), (e, t) => (f(), i("div", { class: u(P.value) }, [
+			s.label ? (f(), i("span", {
+				key: 0,
+				id: V.value,
+				class: u(["q-progress__label", "q-label"])
+			}, m(s.label), 9, y)) : r("v-if", !0),
+			a("div", c({
+				id: g(k),
+				class: F.value,
+				style: R.value,
+				role: "progressbar",
+				"aria-valuenow": M.value,
+				"aria-valuemin": A.value,
+				"aria-valuemax": j.value,
+				"aria-valuetext": z.value || void 0,
+				"aria-labelledby": V.value
+			}, e.$attrs), [a("div", {
+				class: u(I.value),
+				style: d(L.value)
+			}, [B.value ? (f(), i("span", {
+				key: 0,
+				class: "q-progress__fill-text",
+				title: B.value
+			}, m(B.value), 9, x)) : r("v-if", !0)], 6)], 16, b),
+			a("div", S, m(H.value), 1),
+			o.showLimits ? (f(), i("div", C, [a("span", w, m(A.value), 1), a("span", T, m(j.value), 1)])) : r("v-if", !0)
+		], 2));
+	}
+});
+//#endregion
+export { E as default };

package/esm/components/QProgress/QProgress2.vue.js

@@ -0,0 +1,5 @@
+import e from "./QProgress.vue.js";
+//#region src/components/QProgress/QProgress.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,45 @@
+declare const QProgress: import('vue').DefineComponent<{
+    modelValue?: number;
+} & import('../../types/component').QBaseComponentProps & {
+    label?: string;
+    text?: string;
+    striped?: boolean;
+    animated?: boolean;
+    mini?: boolean;
+    color?: string;
+    min?: number;
+    max?: number;
+    showLimits?: boolean;
+    showValue?: boolean;
+    showPercent?: boolean;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue?: number;
+} & import('../../types/component').QBaseComponentProps & {
+    label?: string;
+    text?: string;
+    striped?: boolean;
+    animated?: boolean;
+    mini?: boolean;
+    color?: string;
+    min?: number;
+    max?: number;
+    showLimits?: boolean;
+    showValue?: boolean;
+    showPercent?: boolean;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {
+    mini: boolean;
+    min: number;
+    max: number;
+    striped: boolean;
+    animated: boolean;
+    showLimits: boolean;
+    showValue: boolean;
+    showPercent: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export { QProgress };
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QProgress/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAA8B,CAAA;AAG7C,OAAO,EAAE,SAAS,EAAE,CAAA;AAGpB,cAAc,SAAS,CAAA"}

package/esm/components/QProgress/index.js

@@ -0,0 +1,6 @@
+import { setupPropsProxy as e } from "../../utils/setupPropsProxy.js";
+import t from "./QProgress2.vue.js";
+//#region src/components/QProgress/index.ts
+var n = e(t);
+//#endregion
+export { n as QProgress };

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

@@ -0,0 +1,78 @@
+import { QBaseComponentProps } from '../../types/component';
+export type QProgressProps = QBaseComponentProps & {
+    /**
+     * Text displayed above the progress bar.
+     *
+     * @category Content
+     */
+    label?: string;
+    /**
+     * Text displayed in the progress bar.
+     * Not shown if the 'mini' prop is true.
+     *
+     * @category Content
+     */
+    text?: string;
+    /**
+     * Whether the progress bar is striped.
+     *
+     * @category Presentation
+     */
+    striped?: boolean;
+    /**
+     * Whether the progress bar has an animation.
+     *
+     * @category Presentation
+     */
+    animated?: boolean;
+    /**
+     * Whether the progress bar is mini.
+     * If true, the values of the 'text', 'showValue', and 'showPercent' props will not be shown.
+     *
+     * @category Presentation
+     */
+    mini?: boolean;
+    /**
+     * The color of the progress bar.
+     *
+     * @category Presentation
+     */
+    color?: string;
+    /**
+     * Minimum value for the range of the progress bar.
+     * If greater than 'max', these values will be swapped.
+     * If equal to 'max', 'max' will be max + 1.
+     *
+     * @category Content
+     */
+    min?: number;
+    /**
+     * Maximum value for the range of the progress bar.
+     * If less than 'min', these values will be swapped.
+     * If equal to 'min', 'max' will be max + 1.
+     *
+     * @category Content
+     */
+    max?: number;
+    /**
+     * Whether to display the min and max values.
+     *
+     * @category Presentation
+     */
+    showLimits?: boolean;
+    /**
+     * Whether to display the current value in the progress bar.
+     * Not shown if the 'mini' prop is true.
+     *
+     * @category Presentation
+     */
+    showValue?: boolean;
+    /**
+     * Whether to display the current percent in the progress bar.
+     * Not shown if the 'mini' prop is true.
+     *
+     * @category Presentation
+     */
+    showPercent?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QProgress/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IAClD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;;;OAMG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;;;;;OAMG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA"}

package/esm/components/index.d.ts

@@ -33,6 +33,7 @@ export * from './QOverlay';
 export * from './QPasswordField';
 export * from './QPhoneField';
 export * from './QPopover';
+export * from './QProgress';
 export * from './QPropertyList';
 export * from './QRadioGroup';
 export * from './QSection';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,WAAW,CAAA;AACzB,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,WAAW,CAAA;AACzB,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA"}

package/esm/components/index.js

@@ -40,19 +40,20 @@ import { QPasswordField as q } from "./QPasswordField/index.js";
 import { QPopover as J } from "./QPopover/index.js";
 import { QSelect as Y } from "./QSelect/index.js";
 import { QPhoneField as X } from "./QPhoneField/index.js";
-import { QPropertyList as Z, QPropertyListGroup as Q, QPropertyListPanel as $, QPropertyListRow as ne } from "./QPropertyList/index.js";
-import { QRadioButton as re, QRadioGroup as ie } from "./QRadioGroup/index.js";
-import { QSection as ae } from "./QSection/index.js";
-import { QToggle as oe } from "./QToggle/index.js";
-import { QSidebar as se, QSidebarItem as ce } from "./QSidebar/index.js";
-import { QTab as le, QTabs as ue } from "./QTabs/index.js";
-import { QTextArea as de } from "./QTextArea/index.js";
-import { QThemeProvider as fe } from "./QThemeProvider/index.js";
-import { QToast as pe, QToaster as me } from "./QToast/index.js";
-import { QToggleGroup as he, QToggleGroupItem as ge } from "./QToggleGroup/index.js";
-import { QTooltip as _e } from "./QTooltip/index.js";
+import { QProgress as Z } from "./QProgress/index.js";
+import { QPropertyList as Q, QPropertyListGroup as $, QPropertyListPanel as ne, QPropertyListRow as re } from "./QPropertyList/index.js";
+import { QRadioButton as ie, QRadioGroup as ae } from "./QRadioGroup/index.js";
+import { QSection as oe } from "./QSection/index.js";
+import { QToggle as se } from "./QToggle/index.js";
+import { QSidebar as ce, QSidebarItem as le } from "./QSidebar/index.js";
+import { QTab as ue, QTabs as de } from "./QTabs/index.js";
+import { QTextArea as fe } from "./QTextArea/index.js";
+import { QThemeProvider as pe } from "./QThemeProvider/index.js";
+import { QToast as me, QToaster as he } from "./QToast/index.js";
+import { QToggleGroup as ge, QToggleGroupItem as _e } from "./QToggleGroup/index.js";
+import { QTooltip as ve } from "./QTooltip/index.js";
 //#region src/components/index.ts
-var ve = /* @__PURE__ */ ee({
+var ye = /* @__PURE__ */ ee({
 	DEFAULT_TEXTS: () => b,
 	QAccordion: () => c,
 	QAccordionItem: () => l,
@@ -98,32 +99,33 @@ var ve = /* @__PURE__ */ ee({
 	QPasswordField: () => q,
 	QPhoneField: () => X,
 	QPopover: () => J,
-	QPropertyList: () => Z,
-	QPropertyListGroup: () => Q,
-	QPropertyListPanel: () => $,
-	QPropertyListRow: () => ne,
-	QRadioButton: () => re,
-	QRadioGroup: () => ie,
+	QProgress: () => Z,
+	QPropertyList: () => Q,
+	QPropertyListGroup: () => $,
+	QPropertyListPanel: () => ne,
+	QPropertyListRow: () => re,
+	QRadioButton: () => ie,
+	QRadioGroup: () => ae,
 	QRow: () => B,
-	QSection: () => ae,
+	QSection: () => oe,
 	QSelect: () => Y,
-	QSidebar: () => se,
-	QSidebarItem: () => ce,
+	QSidebar: () => ce,
+	QSidebarItem: () => le,
 	QSkeletonLoader: () => m,
 	QSpacer: () => V,
 	QSpinnerLoader: () => e,
 	QSwitch: () => A,
-	QTab: () => le,
-	QTabs: () => ue,
-	QTextArea: () => de,
+	QTab: () => ue,
+	QTabs: () => de,
+	QTextArea: () => fe,
 	QTextField: () => x,
-	QThemeProvider: () => fe,
-	QToast: () => pe,
-	QToaster: () => me,
-	QToggle: () => oe,
-	QToggleGroup: () => he,
-	QToggleGroupItem: () => ge,
-	QTooltip: () => _e
+	QThemeProvider: () => pe,
+	QToast: () => me,
+	QToaster: () => he,
+	QToggle: () => se,
+	QToggleGroup: () => ge,
+	QToggleGroupItem: () => _e,
+	QTooltip: () => ve
 });
 //#endregion
-export { b as DEFAULT_TEXTS, c as QAccordion, l as QAccordionItem, u as QAvatar, f as QBadge, p as QBadgeIndicator, t as QButton, d as QButtonGroup, n as QCard, h as QCarousel, _ as QCheckbox, v as QCheckboxLabel, z as QCol, s as QCollapsible, S as QColorPicker, k as QCombobox, te as QContainer, j as QDateTimePicker, M as QDefaultsProvider, N as QDialog, P as QDialogProvider, E as QDismissibleLayer, F as QDivider, I as QDropdownMenu, y as QField, L as QFileUpload, D as QFocusWrap, R as QGauge, r as QIcon, i as QIconFont, a as QIconImg, o as QIconSvg, H as QInputGroup, g as QLabel, U as QLineLoader, C as QList, w as QListItem, T as QListItemGroup, W as QMeter, G as QObfuscation, K as QOverflow, O as QOverlay, q as QPasswordField, X as QPhoneField, J as QPopover, Z as QPropertyList, Q as QPropertyListGroup, $ as QPropertyListPanel, ne as QPropertyListRow, re as QRadioButton, ie as QRadioGroup, B as QRow, ae as QSection, Y as QSelect, se as QSidebar, ce as QSidebarItem, m as QSkeletonLoader, V as QSpacer, e as QSpinnerLoader, A as QSwitch, le as QTab, ue as QTabs, de as QTextArea, x as QTextField, fe as QThemeProvider, pe as QToast, me as QToaster, oe as QToggle, he as QToggleGroup, ge as QToggleGroupItem, _e as QTooltip, ve as components_exports };
+export { b as DEFAULT_TEXTS, c as QAccordion, l as QAccordionItem, u as QAvatar, f as QBadge, p as QBadgeIndicator, t as QButton, d as QButtonGroup, n as QCard, h as QCarousel, _ as QCheckbox, v as QCheckboxLabel, z as QCol, s as QCollapsible, S as QColorPicker, k as QCombobox, te as QContainer, j as QDateTimePicker, M as QDefaultsProvider, N as QDialog, P as QDialogProvider, E as QDismissibleLayer, F as QDivider, I as QDropdownMenu, y as QField, L as QFileUpload, D as QFocusWrap, R as QGauge, r as QIcon, i as QIconFont, a as QIconImg, o as QIconSvg, H as QInputGroup, g as QLabel, U as QLineLoader, C as QList, w as QListItem, T as QListItemGroup, W as QMeter, G as QObfuscation, K as QOverflow, O as QOverlay, q as QPasswordField, X as QPhoneField, J as QPopover, Z as QProgress, Q as QPropertyList, $ as QPropertyListGroup, ne as QPropertyListPanel, re as QPropertyListRow, ie as QRadioButton, ae as QRadioGroup, B as QRow, oe as QSection, Y as QSelect, ce as QSidebar, le as QSidebarItem, m as QSkeletonLoader, V as QSpacer, e as QSpinnerLoader, A as QSwitch, ue as QTab, de as QTabs, fe as QTextArea, x as QTextField, pe as QThemeProvider, me as QToast, he as QToaster, se as QToggle, ge as QToggleGroup, _e as QToggleGroupItem, ve as QTooltip, ye as components_exports };

package/esm/index.d.ts

@@ -54,6 +54,7 @@ declare module '@vue/runtime-core' {
 		QPasswordField: typeof import('@quidgest/ui/components')['QPasswordField']
 		QPhoneField: typeof import('@quidgest/ui/components')['QPhoneField']
 		QPopover: typeof import('@quidgest/ui/components')['QPopover']
+		QProgress: typeof import('@quidgest/ui/components')['QProgress']
 		QPropertyList: typeof import('@quidgest/ui/components')['QPropertyList']
 		QPropertyListRow: typeof import('@quidgest/ui/components')['QPropertyListRow']
 		QPropertyListGroup: typeof import('@quidgest/ui/components')['QPropertyListGroup']

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quidgest/ui",
   "description": "Quidgest's UI framework",
-  "version": "0.21.1",
+  "version": "0.22.0",
   "private": false,
   "type": "module",
   "author": "Quidgest",