@quidgest/ui 0.26.0 → 0.27.0

package/esm/components/QBreadcrumbs/context.d.ts

@@ -0,0 +1,103 @@
+import { ComputedRef, InjectionKey } from 'vue';
+import { QIconProps } from '../QIcon';
+import { QBreadcrumbsSlots } from '.';
+import { DEFAULT_ICONS, DEFAULT_TEXTS } from './constants';
+/**
+ * Metadata registered by each {@link QBreadcrumb} with its parent {@link QBreadcrumbs}.
+ *
+ * Used to resolve trail position (first / current), collapse state, and to
+ * build the dropdown shown by the collapsed-items control.
+ */
+export type QBreadcrumbRegistration = {
+    /**
+     * Identity of the crumb (internally generated, not consumer-facing).
+     */
+    id: string;
+    /**
+     * Resolved label, used as the dropdown entry text when this crumb is collapsed.
+     */
+    label: ComputedRef<string>;
+    /**
+     * Resolved leading icon, used as the dropdown entry icon when this crumb is collapsed.
+     */
+    icon: ComputedRef<QIconProps | undefined>;
+    /**
+     * Whether this crumb has no navigation of its own (static text — no `to` / `href`).
+     * Used to disable its dropdown entry when collapsed, since selecting it would
+     * otherwise silently do nothing.
+     */
+    disabled: ComputedRef<boolean>;
+    /**
+     * The crumb's root trigger element (`<a>`, `RouterLink`, or `<span>`),
+     * normalized from the template ref (which is a component instance for
+     * `RouterLink`, and a plain element for `<a>` / `<span>`).
+     *
+     * Still mounted (visually hidden) while collapsed so selecting it from the
+     * dropdown can replay navigation via a native `.click()`, without QBreadcrumbs
+     * needing router or anchor-navigation logic of its own.
+     */
+    triggerEl: ComputedRef<HTMLElement | null>;
+};
+/**
+ * Reactive per-crumb state returned by {@link QBreadcrumbsContext.register}.
+ */
+export type QBreadcrumbState = {
+    /** False while this crumb is collapsed into the dropdown (still mounted, hidden). */
+    isVisible: ComputedRef<boolean>;
+    /** True for the last registered crumb — rendered as static text with `aria-current="page"`. */
+    isCurrent: ComputedRef<boolean>;
+    /** True for the one collapsed crumb that also renders the ellipsis control + dropdown. */
+    isCollapsedAnchor: ComputedRef<boolean>;
+    /** Whether to render a trailing separator after this crumb. */
+    showSeparator: ComputedRef<boolean>;
+};
+/**
+ * Provide/inject context shared between {@link QBreadcrumbs} and its {@link QBreadcrumb} children.
+ */
+export type QBreadcrumbsContext = {
+    /**
+     * Registers a crumb with the parent so it participates in trail-position
+     * and collapse resolution.
+     *
+     * @param entry - Crumb metadata to register.
+     * @returns Reactive per-crumb state to drive the crumb's own rendering.
+     */
+    register: (entry: QBreadcrumbRegistration) => QBreadcrumbState;
+    /**
+     * Removes a previously registered crumb (typically on unmount).
+     *
+     * @param id - The crumb id to remove.
+     */
+    unregister: (id: string) => void;
+    /**
+     * Dropdown-ready entries for the crumbs currently collapsed (empty when the
+     * trail fits within `maxVisible`).
+     */
+    collapsedItems: ComputedRef<{
+        key: string;
+        label: string;
+        icon?: QIconProps;
+        disabled: boolean;
+    }[]>;
+    /**
+     * Replays navigation for a collapsed crumb chosen from the dropdown, by
+     * clicking its still-mounted (hidden) trigger element.
+     *
+     * @param id - The crumb id selected from the dropdown.
+     */
+    selectCollapsed: (id: string) => void;
+    /** Resolved icons (`props.icons` merged over {@link DEFAULT_ICONS}). */
+    icons: ComputedRef<typeof DEFAULT_ICONS>;
+    /** Resolved accessible strings (`props.texts` merged over {@link DEFAULT_TEXTS}). */
+    texts: ComputedRef<typeof DEFAULT_TEXTS>;
+    /**
+     * The `separator` slot given to `QBreadcrumbs`, forwarded so every crumb
+     * renders the same custom separator without needing it repeated on each one.
+     */
+    separatorSlot: ComputedRef<QBreadcrumbsSlots['separator']>;
+};
+/**
+ * Injection key for the {@link QBreadcrumbsContext} provided by `QBreadcrumbs`.
+ */
+export declare const BreadcrumbsSymbol: InjectionKey<QBreadcrumbsContext>;
+//# sourceMappingURL=context.d.ts.map

package/esm/components/QBreadcrumbs/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/QBreadcrumbs/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,KAAK,CAAA;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,GAAG,CAAA;AAC1C,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE/D;;;;;GAKG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACrC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAE1B;;OAEG;IACH,IAAI,EAAE,WAAW,CAAC,UAAU,GAAG,SAAS,CAAC,CAAA;IAEzC;;;;OAIG;IACH,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAE9B;;;;;;;;OAQG;IACH,SAAS,EAAE,WAAW,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;CAC1C,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC9B,qFAAqF;IACrF,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAE/B,+FAA+F;IAC/F,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAE/B,0FAA0F;IAC1F,iBAAiB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAEvC,+DAA+D;IAC/D,aAAa,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CACnC,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IACjC;;;;;;OAMG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,gBAAgB,CAAA;IAE9D;;;;OAIG;IACH,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAEhC;;;OAGG;IACH,cAAc,EAAE,WAAW,CAC1B;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,UAAU,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,EAAE,CACtE,CAAA;IAED;;;;;OAKG;IACH,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAErC,wEAAwE;IACxE,KAAK,EAAE,WAAW,CAAC,OAAO,aAAa,CAAC,CAAA;IAExC,qFAAqF;IACrF,KAAK,EAAE,WAAW,CAAC,OAAO,aAAa,CAAC,CAAA;IAExC;;;OAGG;IACH,aAAa,EAAE,WAAW,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,CAAA;CAC1D,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,YAAY,CAAC,mBAAmB,CAA2B,CAAA"}

package/esm/components/QBreadcrumbs/context.js

@@ -0,0 +1,4 @@
+//#region src/components/QBreadcrumbs/context.ts
+var e = Symbol("q-breadcrumbs");
+//#endregion
+export { e as BreadcrumbsSymbol };

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

@@ -0,0 +1,108 @@
+declare const QBreadcrumbs: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').QBreadcrumbsProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        icons: typeof import('./constants').DEFAULT_ICONS;
+        texts: typeof import('./constants').DEFAULT_TEXTS;
+        maxVisible: number;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./types').QBreadcrumbsProps> & Readonly<{}>, {}, {}, {}, {}, {
+        icons: typeof import('./constants').DEFAULT_ICONS;
+        texts: typeof import('./constants').DEFAULT_TEXTS;
+        maxVisible: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').QBreadcrumbsProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    icons: typeof import('./constants').DEFAULT_ICONS;
+    texts: typeof import('./constants').DEFAULT_TEXTS;
+    maxVisible: number;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: Readonly<import('./types').QBreadcrumbsSlots> & import('./types').QBreadcrumbsSlots;
+});
+declare const QBreadcrumb: import('vue').DefineComponent<import('./types').QBreadcrumbProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./types').QBreadcrumbProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    trigger: unknown;
+    ellipsisTrigger: ({
+        $: 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('../..').QComponentSize | undefined;
+            readonly iconPos?: import('..').QButtonIconPosition | undefined;
+            readonly pill?: boolean | undefined;
+            readonly effect?: import('..').QButtonEffect | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly loading?: boolean | undefined;
+            readonly tabindex?: number | undefined;
+            readonly onClick?: ((event: MouseEvent) => 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: MouseEvent) => void;
+        $el: HTMLButtonElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('..').QButtonProps> & Readonly<{
+            onClick?: ((event: MouseEvent) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            click: (event: MouseEvent) => any;
+        }, string, {
+            variant: import('..').QButtonVariant;
+            effect: import('..').QButtonEffect;
+            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<{
+        variant: import('..').QButtonVariant;
+        effect: import('..').QButtonEffect;
+        color: string;
+        iconPos: import('..').QButtonIconPosition;
+    }> & Omit<Readonly<import('..').QButtonProps> & Readonly<{
+        onClick?: ((event: MouseEvent) => any) | undefined;
+    }>, "variant" | "effect" | "color" | "iconPos"> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+            append?(_: {}): any;
+        };
+    }) | null;
+}, HTMLLIElement>;
+export { QBreadcrumbs, QBreadcrumb };
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QBreadcrumbs/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;EAAiC,CAAA;AACnD,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAO4y0B,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;iBAPl40B,CAAA;AAGjD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,CAAA;AAGpC,cAAc,SAAS,CAAA"}

package/esm/components/QBreadcrumbs/index.js

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

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

@@ -0,0 +1,100 @@
+import { DEFAULT_ICONS, DEFAULT_TEXTS } from './constants';
+import { QBaseComponentProps } from '../../types/component';
+import { QIconProps } from '../QIcon';
+/**
+ * A Vue Router route location.
+ *
+ * Kept as a generic shape rather than `RouteLocationRaw` so `@quidgest/ui` does
+ * not take a hard dependency on `vue-router`. When {@link QBreadcrumbProps.to}
+ * is set, the crumb renders as a `RouterLink`, which Vue resolves from the
+ * globally registered component of that name — this only works when the host
+ * app has `vue-router` installed.
+ */
+export type QBreadcrumbRouteLocation = string | Record<string, unknown>;
+/**
+ * Props for the QBreadcrumbs component.
+ *
+ * @extends QBaseComponentProps
+ */
+export type QBreadcrumbsProps = QBaseComponentProps & {
+    /**
+     * Maximum number of crumbs to show before collapsing the middle ones into
+     * an ellipsis control that opens a dropdown. The first and current crumb
+     * plus the ellipsis control always take up 3 of these slots, so values
+     * below `3` are treated as `3`.
+     *
+     * @default 3
+     * @category Behavior
+     */
+    maxVisible?: number;
+    /**
+     * Accessible label for the `nav` landmark.
+     *
+     * @default 'Breadcrumb'
+     * @category Accessibility
+     */
+    ariaLabel?: string;
+    /**
+     * Custom icons for the default separator and the collapsed-items control.
+     *
+     * @category Configuration
+     */
+    icons?: typeof DEFAULT_ICONS;
+    /**
+     * Custom accessible strings.
+     *
+     * @category Configuration
+     */
+    texts?: typeof DEFAULT_TEXTS;
+};
+/**
+ * Slots exposed by `QBreadcrumbs`.
+ */
+export type QBreadcrumbsSlots = {
+    /** The `QBreadcrumb` children that make up the trail. */
+    default?: () => void;
+    /**
+     * Overrides the separator rendered between every crumb, all at once.
+     * Falls back to the chevron icon (`icons.separator`) when omitted.
+     */
+    separator?: () => void;
+};
+/**
+ * Props for the QBreadcrumb component.
+ *
+ * @extends QBaseComponentProps
+ */
+export type QBreadcrumbProps = QBaseComponentProps & {
+    /**
+     * The label text shown for this crumb, also reused as its entry text in the
+     * collapsed-items dropdown, when applicable. Required — `icon` is decorative
+     * only and can't stand in for it, since the collapsed dropdown and the
+     * crumb's accessible name both need real text.
+     *
+     * @category Content
+     */
+    label: string;
+    /**
+     * Optional leading icon, also reused as this crumb's icon in the
+     * collapsed-items dropdown, when applicable.
+     *
+     * @category Content
+     */
+    icon?: QIconProps;
+    /**
+     * Vue Router route location. Renders the crumb as a `RouterLink` when set.
+     * Requires `vue-router` to be installed in the host app; ignored on the
+     * current (last) crumb, which always renders as static text.
+     *
+     * @category Behavior
+     */
+    to?: QBreadcrumbRouteLocation;
+    /**
+     * URL for a plain link crumb. Ignored when `to` is set, and on the current
+     * (last) crumb, which always renders as static text.
+     *
+     * @category Behavior
+     */
+    href?: string;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QBreadcrumbs/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAG/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C;;;;;;;;GAQG;AACH,MAAM,MAAM,wBAAwB,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAEvE;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GAAG,mBAAmB,GAAG;IACrD;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC/B,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,GAAG;IACpD;;;;;;;OAOG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;;;;OAKG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;;;;;OAMG;IACH,EAAE,CAAC,EAAE,wBAAwB,CAAA;IAE7B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACb,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"QButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/QButton.vue"],"names":[],"mappings":"AAqCA;AAyLC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,GAAG,CAAA;AA4ItC,iBAAS,cAAc;WAsET,OAAO,IAA6B;;yBAXrB,GAAG;wBACJ,GAAG;;;;EAe9B;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;2FASnB,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":"QButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/QButton.vue"],"names":[],"mappings":"AAqCA;AA+LC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,GAAG,CAAA;AAgJtC,iBAAS,cAAc;WAsET,OAAO,IAA6B;;yBAXrB,GAAG;wBACJ,GAAG;;;;EAe9B;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;2FASnB,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/QButton/QButton.vue.js

@@ -1,18 +1,19 @@
-import { QSpinnerLoader as e } from "../QSpinnerLoader/index.js";
-import { useColor as t } from "../../composables/useColor/index.js";
-import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, openBlock as f, ref as p, renderList as m, renderSlot as h, toDisplayString as g, toRef as _, unref as v, withModifiers as y } from "vue";
+import { useId as e } from "../../composables/useId/index.js";
+import { QSpinnerLoader as t } from "../QSpinnerLoader/index.js";
+import { useColor as n } from "../../composables/useColor/index.js";
+import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, normalizeStyle as f, openBlock as p, ref as m, renderList as h, renderSlot as g, toDisplayString as _, toRef as v, unref as y, withModifiers as b } from "vue";
 //#region src/components/QButton/QButton.vue?vue&type=script&setup=true&lang.ts
-var b = [
+var x = [
 	"id",
 	"disabled",
 	"tabindex"
-], x = {
+], S = {
 	key: 0,
 	class: "q-button__spinner"
-}, S = { class: "q-button__content" }, C = {
+}, C = { class: "q-button__content" }, w = {
 	key: 0,
 	class: "q-button__append"
-}, w = ["onAnimationend"], T = /*@__PURE__*/ l({
+}, T = ["onAnimationend"], E = /*@__PURE__*/ u({
 	__name: "QButton",
 	props: {
 		id: {},
@@ -32,80 +33,82 @@ var b = [
 		tabindex: {}
 	},
 	emits: ["click"],
-	setup(l, { emit: T }) {
-		let E = l, D = T, O = r(() => E.disabled || E.loading), k = p([]), A = 0;
-		function j(e) {
+	setup(u, { emit: E }) {
+		let D = u, O = E, k = e(v(D, "id")), A = i(() => D.disabled || D.loading), j = m([]), M = 0;
+		function N(e) {
 			let t = e.currentTarget.getBoundingClientRect(), n = Math.hypot(t.width, t.height) * 2, r = e.clientX !== 0 || e.clientY !== 0, i = e.clientX - t.left, a = e.clientY - t.top, o = r && i >= 0 && i <= t.width && a >= 0 && a <= t.height, s = o ? i : t.width / 2, c = o ? a : t.height / 2;
-			k.value.push({
-				id: A++,
+			j.value.push({
+				id: M++,
 				x: s - n / 2,
 				y: c - n / 2,
 				size: n
 			});
 		}
-		function M(e) {
-			k.value = k.value.filter((t) => t.id !== e);
+		function P(e) {
+			j.value = j.value.filter((t) => t.id !== e);
 		}
-		function N(e) {
-			O.value || (E.effect === "ripple" && j(e), D("click", e));
+		function F(e) {
+			A.value || (D.effect === "ripple" && N(e), O("click", e));
 		}
-		let { style: P } = t(_(E, "color")), F = r(() => {
-			let e = E.color === "background" ? "q-button--background" : void 0, t = E.size === "small" || E.size === "large" ? `q-button--${E.size}` : void 0, n = E.iconPos === "start" ? void 0 : `q-button--icon-${E.iconPos}`;
+		let { style: I } = n(v(D, "color")), L = i(() => {
+			let e = D.color === "background" ? "q-button--background" : void 0, t = D.size === "small" || D.size === "large" ? `q-button--${D.size}` : void 0, n = D.iconPos === "start" ? void 0 : `q-button--icon-${D.iconPos}`;
 			return [
 				"q-button",
-				`q-button--${E.variant}`,
+				`q-button--${D.variant}`,
 				e,
 				t,
 				n,
 				{
-					"q-button--labeled": E.label,
-					"q-button--borderless": E.borderless,
-					"q-button--elevated": E.elevated,
-					"q-button--block": E.block,
-					"q-button--loading": E.loading,
-					"q-button--pill": E.pill
+					"q-button--labeled": D.label,
+					"q-button--borderless": D.borderless,
+					"q-button--elevated": D.elevated,
+					"q-button--block": D.block,
+					"q-button--loading": D.loading,
+					"q-button--pill": D.pill
 				},
-				E.class
+				D.class
 			];
-		}), I = r(() => {
-			if (!(E.color === "background" || !P.value)) return {
-				"--q-button-main-color": P.value.mainColor,
-				"--q-button-main-color-rgb": P.value.mainColorRgb,
-				"--q-button-on-main-color": P.value.onMainColor,
-				"--q-button-hover-color": P.value.hoverColor,
-				"--q-button-hover-color-rgb": P.value.hoverColorRgb,
-				"--q-button-on-hover-color": P.value.onHoverColor
+		}), R = i(() => {
+			if (!(D.color === "background" || !I.value)) return {
+				"--q-button-main-color": I.value.mainColor,
+				"--q-button-main-color-rgb": I.value.mainColorRgb,
+				"--q-button-on-main-color": I.value.onMainColor,
+				"--q-button-text-color": I.value.textColor,
+				"--q-button-hover-text-color": I.value.hoverTextColor,
+				"--q-button-hover-color": I.value.hoverColor,
+				"--q-button-hover-color-rgb": I.value.hoverColorRgb,
+				"--q-button-on-hover-color": I.value.onHoverColor
 			};
 		});
-		return (t, r) => (f(), a("button", {
-			id: E.id,
+		return (e, n) => (p(), o("button", {
+			id: y(k),
 			type: "button",
-			class: u(F.value),
-			disabled: O.value,
-			tabindex: E.tabindex,
-			style: d(I.value),
-			onClick: y(N, ["stop", "prevent"])
+			class: d(L.value),
+			disabled: A.value,
+			tabindex: D.tabindex,
+			style: f(R.value),
+			onClick: b(F, ["stop", "prevent"])
 		}, [
-			E.loading ? (f(), a("div", x, [c(v(e))])) : i("v-if", !0),
-			o("span", S, [
-				h(t.$slots, "default"),
-				s(" " + g(E.label) + " ", 1),
-				t.$slots.append ? (f(), a("span", C, [h(t.$slots, "append")])) : i("v-if", !0)
+			D.loading ? (p(), o("div", S, [l(y(t))])) : a("v-if", !0),
+			s("span", C, [
+				g(e.$slots, "default"),
+				c(" " + _(D.label) + " ", 1),
+				e.$slots.append ? (p(), o("span", w, [g(e.$slots, "append")])) : a("v-if", !0)
 			]),
-			(f(!0), a(n, null, m(k.value, (e) => (f(), a("span", {
+			(p(!0), o(r, null, h(j.value, (e) => (p(), o("span", {
 				key: e.id,
 				class: "q-button__ripple",
-				style: d({
+				style: f({
 					left: `${e.x}px`,
 					top: `${e.y}px`,
 					width: `${e.size}px`,
 					height: `${e.size}px`
 				}),
 				"aria-hidden": "true",
-				onAnimationend: (t) => M(e.id)
-			}, null, 44, w))), 128))
-		], 14, b));
+				onAnimationend: (t) => P(e.id)
+			}, null, 44, T))), 128))
+		], 14, x));
 	}
 });
 //#endregion
-export { T as default };
+export { E as default };

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

@@ -1 +1 @@
-{"version":3,"file":"QButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonGroup/QButtonGroup.vue"],"names":[],"mappings":"AAeA;AA0CC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,GAAG,CAAA;AAkB3C,iBAAS,cAAc;WAiCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,yTAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonGroup/QButtonGroup.vue"],"names":[],"mappings":"AAeA;AA8CC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,GAAG,CAAA;AAoB3C,iBAAS,cAAc;WAiCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,yTAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QButtonGroup/QButtonGroup.vue.js

@@ -1,7 +1,8 @@
 import { provideDefaults as e } from "../../composables/defaults.js";
-import { createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a, toRef as o } from "vue";
+import { useId as t } from "../../composables/useId/index.js";
+import { createElementBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, renderSlot as o, toRef as s, unref as c } from "vue";
 //#region src/components/QButtonGroup/QButtonGroup.vue?vue&type=script&setup=true&lang.ts
-var s = ["id"], c = /*@__PURE__*/ n({
+var l = ["id"], u = /*@__PURE__*/ r({
 	__name: "QButtonGroup",
 	props: {
 		id: {},
@@ -12,25 +13,25 @@ var s = ["id"], c = /*@__PURE__*/ n({
 		size: {},
 		disabled: { type: Boolean }
 	},
-	setup(n) {
-		let c = n;
+	setup(r) {
+		let u = r, d = t(s(u, "id"));
 		return e({ QButton: {
-			size: o(c, "size"),
-			disabled: o(c, "disabled"),
-			borderless: o(c, "borderless")
-		} }), (e, n) => (i(), t("div", {
-			id: c.id,
-			class: r([
+			size: s(u, "size"),
+			disabled: s(u, "disabled"),
+			borderless: s(u, "borderless")
+		} }), (e, t) => (a(), n("div", {
+			id: c(d),
+			class: i([
 				"q-button-group",
 				{
-					"q-button-group--elevated": c.elevated,
-					"q-button-group--block": c.block
+					"q-button-group--elevated": u.elevated,
+					"q-button-group--block": u.block
 				},
-				c.class
+				u.class
 			]),
 			role: "group"
-		}, [a(e.$slots, "default")], 10, s));
+		}, [o(e.$slots, "default")], 10, l));
 	}
 });
 //#endregion
-export { c as default };
+export { u as default };

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

@@ -1 +1 @@
-{"version":3,"file":"QCard.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCard/QCard.vue"],"names":[],"mappings":"AAyEA;AAwIC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,GAAG,CAAA;AA0DpC,iBAAS,cAAc;WA0HT,OAAO,IAA6B;;wBAlBrB,GAAG;kCACO,GAAG;0CACK,GAAG;uBACtB,GAAG;0BACA,GAAG;yCACY,GAAG;iCACX,GAAG;yBACX,GAAG;wBACJ,GAAG;;;;EAe/B;AAaD,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;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QCard.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCard/QCard.vue"],"names":[],"mappings":"AAuEA;AA8IC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,GAAG,CAAA;AA4DpC,iBAAS,cAAc;WAwHT,OAAO,IAA6B;;wBAlBrB,GAAG;kCACO,GAAG;0CACK,GAAG;uBACtB,GAAG;0BACA,GAAG;yCACY,GAAG;iCACX,GAAG;yBACX,GAAG;wBACJ,GAAG;;;;EAe/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;6EAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}