@quidgest/ui 0.17.8 → 0.18.0

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

@@ -0,0 +1,164 @@
+declare const QTabs: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: string;
+    } & import('../../types/component').QBaseComponentProps & {
+        direction?: import('./types').QTabsDirection;
+        align?: import('./types').QTabsAlign;
+        variant?: import('./types').QTabsVariant;
+        disabled?: boolean;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: string) => any;
+    }, import('vue').PublicProps, {
+        variant: import('./types').QTabsVariant;
+        direction: import('./types').QTabsDirection;
+        align: import('./types').QTabsAlign;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        tabListEl: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: string;
+    } & import('../../types/component').QBaseComponentProps & {
+        direction?: import('./types').QTabsDirection;
+        align?: import('./types').QTabsAlign;
+        variant?: import('./types').QTabsVariant;
+        disabled?: boolean;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        variant: import('./types').QTabsVariant;
+        direction: import('./types').QTabsDirection;
+        align: import('./types').QTabsAlign;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
+    modelValue?: string;
+} & import('../../types/component').QBaseComponentProps & {
+    direction?: import('./types').QTabsDirection;
+    align?: import('./types').QTabsAlign;
+    variant?: import('./types').QTabsVariant;
+    disabled?: boolean;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, {
+    variant: import('./types').QTabsVariant;
+    direction: import('./types').QTabsDirection;
+    align: import('./types').QTabsAlign;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+});
+declare const QTab: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').QTabProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        texts: typeof import('./constants').DEFAULT_TEXTS;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        tabBtn: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly id?: string | undefined;
+                readonly class?: string | unknown[] | undefined;
+                readonly label?: string | undefined;
+                readonly variant?: import('..').QButtonVariant | undefined;
+                readonly color?: string | undefined;
+                readonly borderless?: boolean | undefined;
+                readonly elevated?: boolean | undefined;
+                readonly block?: boolean | undefined;
+                readonly size?: import('..').QButtonSize | undefined;
+                readonly iconPos?: import('..').QButtonIconPosition | undefined;
+                readonly pill?: boolean | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly loading?: boolean | undefined;
+                readonly onClick?: ((event: Event) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: "click", event: Event) => void;
+            $el: HTMLButtonElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('..').QButtonProps> & Readonly<{
+                onClick?: ((event: Event) => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                click: (event: Event) => any;
+            }, string, {
+                size: import('..').QButtonSize;
+                variant: import('..').QButtonVariant;
+                color: string;
+                iconPos: import('..').QButtonIconPosition;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            size: import('..').QButtonSize;
+            variant: import('..').QButtonVariant;
+            color: string;
+            iconPos: import('..').QButtonIconPosition;
+        }> & Omit<Readonly<import('..').QButtonProps> & Readonly<{
+            onClick?: ((event: Event) => any) | undefined;
+        }>, "size" | "variant" | "color" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+                append?(_: {}): any;
+            };
+        }) | null;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./types').QTabProps> & Readonly<{}>, {}, {}, {}, {}, {
+        texts: typeof import('./constants').DEFAULT_TEXTS;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').QTabProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    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: {
+        'title.prepend'?(_: {}): any;
+        'title.append'?(_: {}): any;
+        default?(_: {}): any;
+    };
+});
+export { QTabs, QTab };
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA0B,CAAA;AACrC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAOy30B,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAPt90B,CAAA;AAGnC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAA;AAGtB,cAAc,SAAS,CAAA"}

package/esm/components/QTabs/index.js

@@ -0,0 +1,7 @@
+import { setupPropsProxy as e } from "../../utils/setupPropsProxy.js";
+import t from "./QTabs2.vue.js";
+import n from "./QTab2.vue.js";
+//#region src/components/QTabs/index.ts
+var r = e(t), i = e(n);
+//#endregion
+export { i as QTab, r as QTabs };

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

@@ -0,0 +1,106 @@
+import { DEFAULT_TEXTS } from './constants';
+import { QBaseComponentProps } from '../../types/component';
+/**
+ * Layout direction of the tab list.
+ *
+ * - `horizontal` — tabs in a row, panels below
+ * - `vertical` — tabs in a column, panels beside
+ */
+export type QTabsDirection = 'horizontal' | 'vertical';
+/**
+ * How tab buttons are distributed along the tab list main axis
+ * (the axis defined by {@link QTabsDirection}).
+ *
+ * - `start` — pack at the start
+ * - `end` — pack at the end
+ * - `center` — center the tabs
+ * - `justify` — spread with space between (`space-between`)
+ */
+export type QTabsAlign = 'start' | 'end' | 'center' | 'justify';
+/**
+ * Visual style of the tab list.
+ *
+ * - `line` — underline indicator on a shared baseline
+ * - `card` — bordered folder tabs that merge into the panel
+ */
+export type QTabsVariant = 'line' | 'card';
+/**
+ * Props for the QTabs component.
+ *
+ * @extends QBaseComponentProps
+ */
+export type QTabsProps = QBaseComponentProps & {
+    /**
+     * Orientation of the tab list.
+     *
+     * Also mapped to `aria-orientation` on the tablist.
+     *
+     * @default 'horizontal'
+     * @category Presentation
+     */
+    direction?: QTabsDirection;
+    /**
+     * Distribution of tabs along the tab list main axis.
+     *
+     * @default 'start'
+     * @category Presentation
+     */
+    align?: QTabsAlign;
+    /**
+     * Visual style of the tabs.
+     *
+     * @default 'line'
+     * @category Presentation
+     */
+    variant?: QTabsVariant;
+    /**
+     * If true, disables all nested tabs via defaults cascade.
+     *
+     * @category State
+     */
+    disabled?: boolean;
+};
+/**
+ * Props for the QTab component.
+ *
+ * @extends QBaseComponentProps
+ */
+export type QTabProps = QBaseComponentProps & {
+    /**
+     * The label text shown on the tab trigger.
+     *
+     * @category Content
+     */
+    title?: string;
+    /**
+     * If true, shows a required asterisk next to the title.
+     *
+     * The asterisk is decorative (`aria-hidden`); {@link QRequiredIndicator}
+     * with `announce` exposes the state to assistive tech via `.q-sr-only`
+     * (from `texts.required`) and hosts may also set `aria-required`.
+     *
+     * @category Presentation
+     */
+    required?: boolean;
+    /**
+     * If true, the tab cannot be selected or focused via keyboard navigation.
+     *
+     * @category State
+     */
+    disabled?: boolean;
+    /**
+     * Identity used by `v-model` on `QTabs`.
+     *
+     * Auto-generated when omitted; prefer an explicit value for controlled usage.
+     *
+     * @category Identification
+     */
+    value?: string;
+    /**
+     * Custom accessible strings.
+     *
+     * @category Configuration
+     */
+    texts?: typeof DEFAULT_TEXTS;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAGhD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,UAAU,CAAA;AAEtD;;;;;;;;GAQG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAA;AAE/D;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,CAAA;AAE1C;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,mBAAmB,GAAG;IAC9C;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAE1B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;IAElB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,YAAY,CAAA;IAEtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG,mBAAmB,GAAG;IAC7C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA"}

package/esm/components/__internal__/QRequiredIndicator/QRequiredIndicator.d.ts

@@ -0,0 +1,7 @@
+import { DEFAULT_TEXTS } from './constants';
+import { QRequiredIndicatorProps } from '.';
+declare const _default: import('vue').DefineComponent<QRequiredIndicatorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QRequiredIndicatorProps> & Readonly<{}>, {
+    texts: typeof DEFAULT_TEXTS;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;
+//# sourceMappingURL=QRequiredIndicator.vue.d.ts.map

package/esm/components/__internal__/QRequiredIndicator/QRequiredIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QRequiredIndicator.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QRequiredIndicator/QRequiredIndicator.vue"],"names":[],"mappings":"AAcA;AA6BC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAG3C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,GAAG,CAAA;;;;AA0DjD,wBAQG"}

package/esm/components/__internal__/QRequiredIndicator/QRequiredIndicator.vue.js

@@ -0,0 +1,24 @@
+import { DEFAULT_TEXTS as e } from "./constants.js";
+import { createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, toDisplayString as s } from "vue";
+//#region src/components/__internal__/QRequiredIndicator/QRequiredIndicator.vue?vue&type=script&setup=true&lang.ts
+var c = {
+	key: 0,
+	class: "q-sr-only"
+}, l = /*@__PURE__*/ i({
+	__name: "QRequiredIndicator",
+	props: {
+		id: {},
+		class: {},
+		announce: { type: Boolean },
+		texts: { default: () => e }
+	},
+	setup(e) {
+		let i = e;
+		return (e, l) => (o(), n("span", { class: a(["q-required-indicator", i.class]) }, [l[0] ||= r("span", {
+			class: "q-required-indicator__mark",
+			"aria-hidden": "true"
+		}, " * ", -1), i.announce ? (o(), n("span", c, s(i.texts.required), 1)) : t("v-if", !0)], 2));
+	}
+});
+//#endregion
+export { l as default };

package/esm/components/__internal__/QRequiredIndicator/QRequiredIndicator2.vue.js

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

package/esm/components/__internal__/QRequiredIndicator/constants.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Default accessible strings for {@link QRequiredIndicator}.
+ */
+export declare const DEFAULT_TEXTS: {
+    required: string;
+};
+//# sourceMappingURL=constants.d.ts.map

package/esm/components/__internal__/QRequiredIndicator/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QRequiredIndicator/constants.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,aAAa;;CAEQ,CAAA"}

package/esm/components/__internal__/QRequiredIndicator/constants.js

@@ -0,0 +1,4 @@
+//#region src/components/__internal__/QRequiredIndicator/constants.ts
+var e = { required: "required" };
+//#endregion
+export { e as DEFAULT_TEXTS };

package/esm/components/__internal__/QRequiredIndicator/index.d.ts

@@ -0,0 +1,6 @@
+declare const QRequiredIndicator: import('vue').DefineComponent<import('./types').QRequiredIndicatorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./types').QRequiredIndicatorProps> & Readonly<{}>, {
+    texts: typeof import('./constants').DEFAULT_TEXTS;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export { QRequiredIndicator };
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QRequiredIndicator/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,kBAAkB;;yFAAuC,CAAA;AAG/D,OAAO,EAAE,kBAAkB,EAAE,CAAA;AAG7B,cAAc,SAAS,CAAA"}

package/esm/components/__internal__/QRequiredIndicator/index.js

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

package/esm/components/__internal__/QRequiredIndicator/types.d.ts

@@ -0,0 +1,18 @@
+import { QBaseComponentProps } from '../../../types/component';
+import { DEFAULT_TEXTS } from './constants';
+export type QRequiredIndicatorProps = QBaseComponentProps & {
+    /**
+     * When true, exposes required state to assistive tech via `.q-sr-only`
+     * (from `texts.required`). When false, only the decorative asterisk is shown.
+     *
+     * @category Accessibility
+     */
+    announce?: boolean;
+    /**
+     * Custom accessible strings.
+     *
+     * @category Configuration
+     */
+    texts?: typeof DEFAULT_TEXTS;
+};
+//# sourceMappingURL=types.d.ts.map

package/esm/components/__internal__/QRequiredIndicator/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QRequiredIndicator/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AACnE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD,MAAM,MAAM,uBAAuB,GAAG,mBAAmB,GAAG;IAC3D;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA"}

package/esm/components/__internal__/QSafeTriangle/QSafeTriangle.d.ts

@@ -0,0 +1,10 @@
+import { QSafeTriangleProps } from '.';
+declare const _default: import('vue').DefineComponent<QSafeTriangleProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QSafeTriangleProps> & Readonly<{}>, {
+    width: number;
+    path: string;
+    top: number;
+    height: number;
+    left: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=QSafeTriangle.vue.d.ts.map

package/esm/components/__internal__/QSafeTriangle/QSafeTriangle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QSafeTriangle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QSafeTriangle/QSafeTriangle.vue"],"names":[],"mappings":"AAaA;AAuCC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAA;;;;;;;;AAuF5C,wBAQG"}

package/esm/components/__internal__/QSafeTriangle/QSafeTriangle.vue.js

@@ -0,0 +1,31 @@
+import { Teleport as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeStyle as s, openBlock as c } from "vue";
+//#region src/components/__internal__/QSafeTriangle/QSafeTriangle.vue?vue&type=script&setup=true&lang.ts
+var l = ["d"], u = /*@__PURE__*/ o({
+	__name: "QSafeTriangle",
+	props: {
+		top: { default: 0 },
+		left: { default: 0 },
+		width: { default: 0 },
+		height: { default: 0 },
+		path: { default: "" }
+	},
+	setup(o) {
+		let u = o, d = t(() => ({
+			top: `${u.top}px`,
+			left: `${u.left}px`,
+			width: `${u.width}px`,
+			height: `${u.height}px`
+		}));
+		return (t, o) => (c(), n(e, { to: "body" }, [u.path ? (c(), i("svg", {
+			key: 0,
+			class: "q-safe-triangle",
+			"aria-hidden": "true",
+			style: s(d.value)
+		}, [a("path", {
+			class: "q-safe-triangle__path",
+			d: u.path
+		}, null, 8, l)], 4)) : r("v-if", !0)]));
+	}
+});
+//#endregion
+export { u as default };

package/esm/components/__internal__/QSafeTriangle/QSafeTriangle2.vue.js

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

package/esm/components/__internal__/QSafeTriangle/index.d.ts

@@ -0,0 +1,10 @@
+declare const QSafeTriangle: import('vue').DefineComponent<import('./types').QSafeTriangleProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./types').QSafeTriangleProps> & Readonly<{}>, {
+    width: number;
+    path: string;
+    top: number;
+    height: number;
+    left: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export { QSafeTriangle };
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QSafeTriangle/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,aAAa;;;;;;6EAAkC,CAAA;AAGrD,OAAO,EAAE,aAAa,EAAE,CAAA;AAGxB,cAAc,SAAS,CAAA"}

package/esm/components/__internal__/QSafeTriangle/index.js

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

package/esm/components/__internal__/QSafeTriangle/types.d.ts

@@ -0,0 +1,33 @@
+export type QSafeTriangleProps = {
+    /**
+     * Fixed position of the SVG container from the viewport top edge.
+     *
+     * @category Presentation
+     */
+    top?: number;
+    /**
+     * Fixed position of the SVG container from the viewport left edge.
+     *
+     * @category Presentation
+     */
+    left?: number;
+    /**
+     * Width of the SVG container.
+     *
+     * @category Presentation
+     */
+    width?: number;
+    /**
+     * Height of the SVG container.
+     *
+     * @category Presentation
+     */
+    height?: number;
+    /**
+     * SVG path data for the safe triangle.
+     *
+     * @category Presentation
+     */
+    path?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/esm/components/__internal__/QSafeTriangle/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QSafeTriangle/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG;IAChC;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACb,CAAA"}

package/esm/components/index.d.ts

@@ -27,6 +27,7 @@ export * from './QLabel';
 export * from './QLineLoader';
 export * from './QList';
 export * from './QMeter';
+export * from './QObfuscation';
 export * from './QOverlay';
 export * from './QPasswordField';
 export * from './QPopover';
@@ -37,6 +38,7 @@ export * from './QSidebar';
 export * from './QSkeletonLoader';
 export * from './QSpinnerLoader';
 export * from './QSwitch';
+export * from './QTabs';
 export * from './QTextArea';
 export * from './QTextField';
 export * from './QThemeProvider';

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,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,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,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,WAAW,CAAA;AACzB,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,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,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,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,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

@@ -34,20 +34,22 @@ import { QGroupBox as V } from "./QGroupBox/index.js";
 import { QInputGroup as H } from "./QInputGroup/index.js";
 import { QLineLoader as U } from "./QLineLoader/index.js";
 import { QMeter as W } from "./QMeter/index.js";
-import { QPasswordField as G } from "./QPasswordField/index.js";
-import { QPopover as K } from "./QPopover/index.js";
-import { QPropertyList as q, QPropertyListGroup as J, QPropertyListPanel as Y, QPropertyListRow as X } from "./QPropertyList/index.js";
-import { QRadioButton as Z, QRadioGroup as Q } from "./QRadioGroup/index.js";
-import { QSelect as $ } from "./QSelect/index.js";
-import { QToggle as ne } from "./QToggle/index.js";
-import { QSidebar as re } from "./QSidebar/index.js";
-import { QTextArea as ie } from "./QTextArea/index.js";
-import { QThemeProvider as ae } from "./QThemeProvider/index.js";
-import { QToast as oe, QToaster as se } from "./QToast/index.js";
-import { QToggleGroup as ce, QToggleGroupItem as le } from "./QToggleGroup/index.js";
-import { QTooltip as ue } from "./QTooltip/index.js";
+import { QObfuscation as G } from "./QObfuscation/index.js";
+import { QPasswordField as K } from "./QPasswordField/index.js";
+import { QPopover as q } from "./QPopover/index.js";
+import { QPropertyList as J, QPropertyListGroup as Y, QPropertyListPanel as X, QPropertyListRow as Z } from "./QPropertyList/index.js";
+import { QRadioButton as Q, QRadioGroup as $ } from "./QRadioGroup/index.js";
+import { QSelect as ne } from "./QSelect/index.js";
+import { QToggle as re } from "./QToggle/index.js";
+import { QSidebar as ie } from "./QSidebar/index.js";
+import { QTab as ae, QTabs as oe } from "./QTabs/index.js";
+import { QTextArea as se } from "./QTextArea/index.js";
+import { QThemeProvider as ce } from "./QThemeProvider/index.js";
+import { QToast as le, QToaster as ue } from "./QToast/index.js";
+import { QToggleGroup as de, QToggleGroupItem as fe } from "./QToggleGroup/index.js";
+import { QTooltip as pe } from "./QTooltip/index.js";
 //#region src/components/index.ts
-var de = /* @__PURE__ */ ee({
+var me = /* @__PURE__ */ ee({
 	DEFAULT_TEXTS: () => b,
 	QAccordion: () => c,
 	QAccordionItem: () => l,
@@ -87,31 +89,34 @@ var de = /* @__PURE__ */ ee({
 	QListItem: () => w,
 	QListItemGroup: () => T,
 	QMeter: () => W,
+	QObfuscation: () => G,
 	QOverlay: () => O,
-	QPasswordField: () => G,
-	QPopover: () => K,
-	QPropertyList: () => q,
-	QPropertyListGroup: () => J,
-	QPropertyListPanel: () => Y,
-	QPropertyListRow: () => X,
-	QRadioButton: () => Z,
-	QRadioGroup: () => Q,
+	QPasswordField: () => K,
+	QPopover: () => q,
+	QPropertyList: () => J,
+	QPropertyListGroup: () => Y,
+	QPropertyListPanel: () => X,
+	QPropertyListRow: () => Z,
+	QRadioButton: () => Q,
+	QRadioGroup: () => $,
 	QRow: () => z,
-	QSelect: () => $,
-	QSidebar: () => re,
+	QSelect: () => ne,
+	QSidebar: () => ie,
 	QSkeletonLoader: () => m,
 	QSpacer: () => B,
 	QSpinnerLoader: () => e,
 	QSwitch: () => A,
-	QTextArea: () => ie,
+	QTab: () => ae,
+	QTabs: () => oe,
+	QTextArea: () => se,
 	QTextField: () => x,
-	QThemeProvider: () => ae,
-	QToast: () => oe,
-	QToaster: () => se,
-	QToggle: () => ne,
-	QToggleGroup: () => ce,
-	QToggleGroupItem: () => le,
-	QTooltip: () => ue
+	QThemeProvider: () => ce,
+	QToast: () => le,
+	QToaster: () => ue,
+	QToggle: () => re,
+	QToggleGroup: () => de,
+	QToggleGroupItem: () => fe,
+	QTooltip: () => pe
 });
 //#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, L as QCol, s as QCollapsible, S as QColorPicker, k as QCombobox, R as QContainer, j as QDateTimePicker, M as QDefaultsProvider, N as QDialog, P as QDialogProvider, E as QDismissibleLayer, F as QDivider, te as QDropdownMenu, y as QField, I as QFileUpload, D as QFocusWrap, V as QGroupBox, 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, O as QOverlay, G as QPasswordField, K as QPopover, q as QPropertyList, J as QPropertyListGroup, Y as QPropertyListPanel, X as QPropertyListRow, Z as QRadioButton, Q as QRadioGroup, z as QRow, $ as QSelect, re as QSidebar, m as QSkeletonLoader, B as QSpacer, e as QSpinnerLoader, A as QSwitch, ie as QTextArea, x as QTextField, ae as QThemeProvider, oe as QToast, se as QToaster, ne as QToggle, ce as QToggleGroup, le as QToggleGroupItem, ue as QTooltip, de 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, L as QCol, s as QCollapsible, S as QColorPicker, k as QCombobox, R as QContainer, j as QDateTimePicker, M as QDefaultsProvider, N as QDialog, P as QDialogProvider, E as QDismissibleLayer, F as QDivider, te as QDropdownMenu, y as QField, I as QFileUpload, D as QFocusWrap, V as QGroupBox, 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, O as QOverlay, K as QPasswordField, q as QPopover, J as QPropertyList, Y as QPropertyListGroup, X as QPropertyListPanel, Z as QPropertyListRow, Q as QRadioButton, $ as QRadioGroup, z as QRow, ne as QSelect, ie as QSidebar, m as QSkeletonLoader, B as QSpacer, e as QSpinnerLoader, A as QSwitch, ae as QTab, oe as QTabs, se as QTextArea, x as QTextField, ce as QThemeProvider, le as QToast, ue as QToaster, re as QToggle, de as QToggleGroup, fe as QToggleGroupItem, pe as QTooltip, me as components_exports };