@quidgest/ui 0.16.13 → 0.16.14

package/esm/components/QToast/QToast.vue.js

@@ -0,0 +1,212 @@
+import { defineComponent as U, toRef as j, computed as d, onMounted as A, onUnmounted as D, createBlock as h, openBlock as y, unref as e, normalizeStyle as E, normalizeClass as H, createSlots as M, withCtx as l, createVNode as s, createCommentVNode as v, renderSlot as r, createElementVNode as p, toDisplayString as b, normalizeProps as k, guardReactiveProps as q } from "vue";
+import { DEFAULT_ICONS as P } from "./types.js";
+import { QButton as w } from "../QButton/index.js";
+import { QCard as F } from "../QCard/index.js";
+import { QContainer as T, QRow as $, QCol as c } from "../QGrid/index.js";
+import { QIcon as g } from "../QIcon/index.js";
+import { useTheme as L } from "../../composables/theme.js";
+import { useColor as O } from "../../composables/useColor/index.js";
+import { parseColor as x, colorToHex as G, lighten as J } from "../../utils/color.js";
+const K = { class: "q-toast__title" }, nt = /* @__PURE__ */ U({
+  __name: "QToast",
+  props: {
+    id: {},
+    class: {},
+    block: { type: Boolean },
+    color: { default: "info" },
+    elevation: { default: "medium" },
+    icons: { default: () => P },
+    text: {},
+    timeout: { default: 5e3 },
+    title: {},
+    variant: { default: "tonal" }
+  },
+  emits: ["dismiss"],
+  setup(Q, { emit: V }) {
+    const t = Q, S = V, B = L(), { isUtilityColor: f, style: u } = O(j(t, "color")), N = d(() => {
+      const o = f.value ? `q-toast--${t.color}` : void 0, n = t.block ? "q-toast--block" : void 0, i = t.title ? "q-toast--vertical" : void 0;
+      return [
+        "q-toast",
+        `q-toast--${t.variant}`,
+        o,
+        n,
+        i,
+        t.class
+      ];
+    }), C = d(() => {
+      var i;
+      const o = f.value ? R(t.color) : (i = u.value) == null ? void 0 : i.mainColor;
+      if (!o) return;
+      const n = x(o);
+      return G(J(n, 88));
+    }), z = d(() => {
+      var o, n, i;
+      return f.value ? {
+        "--q-toast-tonal-color": C.value
+      } : {
+        "--q-toast-main-color": (o = u.value) == null ? void 0 : o.mainColor,
+        "--q-toast-on-main-color": (n = u.value) == null ? void 0 : n.onMainColor,
+        "--q-toast-hover-color": (i = u.value) == null ? void 0 : i.hoverColor,
+        "--q-toast-tonal-color": C.value
+      };
+    }), _ = d(() => t.variant === "bold" ? "bold" : "ghost");
+    let a;
+    function m() {
+      a !== void 0 && window.clearTimeout(a), S("dismiss");
+    }
+    function I() {
+      a = window.setTimeout(m, t.timeout);
+    }
+    function R(o) {
+      const n = B.current.value.scheme;
+      if (o in n)
+        return n[o];
+    }
+    return A(() => {
+      t.timeout > 0 && I();
+    }), D(() => {
+      a !== void 0 && window.clearTimeout(a);
+    }), (o, n) => (y(), h(e(F), {
+      id: t.id,
+      elevation: t.elevation,
+      width: t.block ? "block" : void 0,
+      class: H(N.value),
+      style: E(z.value)
+    }, M({
+      default: l(() => [
+        s(e(T), {
+          fluid: "",
+          class: "q-toast__body"
+        }, {
+          default: l(() => [
+            s(e($), {
+              align: "center",
+              justify: "between"
+            }, {
+              default: l(() => [
+                s(e(c), null, {
+                  default: l(() => [
+                    r(o.$slots, "default", {}, () => [
+                      p(
+                        "span",
+                        null,
+                        b(t.text),
+                        1
+                        /* TEXT */
+                      )
+                    ])
+                  ]),
+                  _: 3
+                  /* FORWARDED */
+                }),
+                t.title ? v("v-if", !0) : (y(), h(e(c), {
+                  key: 0,
+                  cols: "auto"
+                }, {
+                  default: l(() => [
+                    r(o.$slots, "dismiss", {}, () => [
+                      s(e(w), {
+                        class: "q-toast__dismiss",
+                        variant: _.value,
+                        color: t.color,
+                        onClick: m
+                      }, {
+                        default: l(() => [
+                          s(
+                            e(g),
+                            k(q(t.icons.close)),
+                            null,
+                            16
+                            /* FULL_PROPS */
+                          )
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["variant", "color"])
+                    ])
+                  ]),
+                  _: 3
+                  /* FORWARDED */
+                }))
+              ]),
+              _: 3
+              /* FORWARDED */
+            })
+          ]),
+          _: 3
+          /* FORWARDED */
+        })
+      ]),
+      _: 2
+      /* DYNAMIC */
+    }, [
+      t.title ? {
+        name: "header",
+        fn: l(() => [
+          s(e(T), { fluid: "" }, {
+            default: l(() => [
+              s(e($), {
+                align: "center",
+                justify: "between"
+              }, {
+                default: l(() => [
+                  s(e(c), null, {
+                    default: l(() => [
+                      p("div", K, [
+                        o.$slots["title.prepend"] ? r(o.$slots, "title.prepend", { key: 0 }) : v("v-if", !0),
+                        p(
+                          "h4",
+                          null,
+                          b(t.title),
+                          1
+                          /* TEXT */
+                        ),
+                        o.$slots["title.append"] ? r(o.$slots, "title.append", { key: 1 }) : v("v-if", !0)
+                      ])
+                    ]),
+                    _: 3
+                    /* FORWARDED */
+                  }),
+                  s(e(c), { cols: "auto" }, {
+                    default: l(() => [
+                      r(o.$slots, "dismiss", {}, () => [
+                        s(e(w), {
+                          class: "q-toast__dismiss",
+                          variant: _.value,
+                          color: t.color,
+                          onClick: m
+                        }, {
+                          default: l(() => [
+                            s(
+                              e(g),
+                              k(q(t.icons.close)),
+                              null,
+                              16
+                              /* FULL_PROPS */
+                            )
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 8, ["variant", "color"])
+                      ])
+                    ]),
+                    _: 3
+                    /* FORWARDED */
+                  })
+                ]),
+                _: 3
+                /* FORWARDED */
+              })
+            ]),
+            _: 3
+            /* FORWARDED */
+          })
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["id", "elevation", "width", "class", "style"]));
+  }
+});
+export {
+  nt as default
+};

package/esm/components/QToast/QToast.vue2.js

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

package/esm/components/QToast/QToaster.d.ts

@@ -0,0 +1,6 @@
+import { QToasterProps } from './types';
+declare const _default: import('vue').DefineComponent<QToasterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QToasterProps> & Readonly<{}>, {
+    placement: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-center" | "bottom-center";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=QToaster.vue.d.ts.map

package/esm/components/QToast/QToaster.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QToaster.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QToast/QToaster.vue"],"names":[],"mappings":"AAkBA;AAwDC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;;;;AAyG7C,wBAQG"}

package/esm/components/QToast/QToaster.vue.js

@@ -0,0 +1,48 @@
+import { defineComponent as m, computed as p, createBlock as d, openBlock as r, TransitionGroup as u, normalizeClass as f, withCtx as _, createElementBlock as a, Fragment as v, renderList as T, createVNode as k, unref as o, mergeProps as x } from "vue";
+import { QToast as g } from "./index.js";
+import { useToast as B } from "../../composables/useToast/index.js";
+const D = /* @__PURE__ */ m({
+  __name: "QToaster",
+  props: {
+    id: {},
+    class: {},
+    placement: { default: "top-right" },
+    maxToasts: {},
+    reverseOrder: { type: Boolean }
+  },
+  setup(n) {
+    const e = n, { toasts: i, removeToast: l } = B(), c = p(() => {
+      let t = [...i.value];
+      return e.reverseOrder && (t = t.reverse()), t.slice(0, e.maxToasts);
+    });
+    return (t, h) => (r(), d(u, {
+      id: e.id,
+      name: "toast-stack",
+      tag: "div",
+      class: f(["q-toaster", e.class]),
+      "data-placement": e.placement
+    }, {
+      default: _(() => [
+        (r(!0), a(
+          v,
+          null,
+          T(c.value, (s) => (r(), a("div", {
+            key: s.id,
+            class: "q-toast__container"
+          }, [
+            k(o(g), x({ ref_for: !0 }, s.props, {
+              onDismiss: () => o(l)(s.id)
+            }), null, 16, ["onDismiss"])
+          ]))),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ]),
+      _: 1
+      /* STABLE */
+    }, 8, ["id", "class", "data-placement"]));
+  }
+});
+export {
+  D as default
+};

package/esm/components/QToast/QToaster.vue2.js

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

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

@@ -0,0 +1,56 @@
+import { QToastProps } from './types';
+declare const QToast: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<QToastProps> & Readonly<{
+        onDismiss?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        dismiss: () => any;
+    }, import('vue').PublicProps, {
+        color: string;
+        variant: import('./types').QToastVariant;
+        elevation: import('../QCard/types').QCardElevation;
+        icons: typeof import('./types').DEFAULT_ICONS;
+        timeout: number;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<QToastProps> & Readonly<{
+        onDismiss?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        color: string;
+        variant: import('./types').QToastVariant;
+        elevation: import('../QCard/types').QCardElevation;
+        icons: typeof import('./types').DEFAULT_ICONS;
+        timeout: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<QToastProps> & Readonly<{
+    onDismiss?: (() => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    dismiss: () => any;
+}, string, {
+    color: string;
+    variant: import('./types').QToastVariant;
+    elevation: import('../QCard/types').QCardElevation;
+    icons: typeof import('./types').DEFAULT_ICONS;
+    timeout: number;
+}, {}, 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;
+        dismiss?(_: {}): any;
+        dismiss?(_: {}): any;
+        default?(_: {}): any;
+    };
+});
+declare const QToaster: import('vue').DefineComponent<import('./types').QToasterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./types').QToasterProps> & Readonly<{}>, {
+    placement: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-center" | "bottom-center";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export { QToast, QToaster };
+export type { QToastProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QToast/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAK1C,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA2B,CAAA;AACvC,QAAA,MAAM,QAAQ;;6EAA6B,CAAA;AAG3C,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAA;AAG3B,YAAY,EAAE,WAAW,EAAE,CAAA"}

package/esm/components/QToast/index.js

@@ -0,0 +1,8 @@
+import r from "./QToast.vue.js";
+import t from "./QToaster.vue.js";
+import { setupPropsProxy as o } from "../../utils/setupPropsProxy.js";
+const f = o(r), i = o(t);
+export {
+  f as QToast,
+  i as QToaster
+};

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

@@ -0,0 +1,69 @@
+import { QBaseComponentProps } from '../../types/component';
+import { QCardElevation } from '../QCard/types';
+export type QToastVariant = 'bold' | 'tonal' | 'outlined';
+/**
+ * Props for the QToaster component.
+ */
+export type QToasterProps = QBaseComponentProps & {
+    /**
+     * Determines where the toast notifications will appear on the screen.
+     */
+    placement?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top-center' | 'bottom-center';
+    /**
+     * Maximum number of toasts displayed at once.
+     * Additional toasts will be queued.
+     */
+    maxToasts?: number;
+    /**
+     * If true, toasts will be stacked in reverse order (newest on top).
+     * Defaults to true.
+     */
+    reverseOrder?: boolean;
+};
+/**
+ * Props for the QToast component.
+ */
+export type QToastProps = QBaseComponentProps & {
+    /**
+     * If true, the toast spans the full width of its container.
+     */
+    block?: boolean;
+    /**
+     * The color of the toast.
+     * Can be chosen from utility colors like 'success' or 'danger',
+     * or specified using CSS color codes.
+     */
+    color?: string;
+    /**
+     * The shadow depth of the toast. Defaults to 'high'.
+     */
+    elevation?: QCardElevation;
+    /**
+     * Custom icon configurations.
+     */
+    icons?: typeof DEFAULT_ICONS;
+    /**
+     * The text on the toast body.
+     */
+    text?: string;
+    /**
+     * The time (ms) until the toast is dismissed.
+     * If set to 0 or negative, the toast will have no timeout timer.
+     * Defaults to 0.
+     */
+    timeout?: number;
+    /**
+     * The title of the toast.
+     */
+    title?: string;
+    /**
+     * Specifies the visual style of the toast.
+     */
+    variant?: QToastVariant;
+};
+export declare const DEFAULT_ICONS: {
+    close: {
+        icon: string;
+    };
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QToast/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAGpD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CAAA;AAEzD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;OAEG;IACH,SAAS,CAAC,EACP,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,GACd,YAAY,GACZ,eAAe,CAAA;IAElB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;CACvB,CAAA;AAGD,eAAO,MAAM,aAAa;;;;CAIM,CAAA"}

package/esm/components/QToast/types.js

@@ -0,0 +1,8 @@
+const o = {
+  close: {
+    icon: "close"
+  }
+};
+export {
+  o as DEFAULT_ICONS
+};

package/esm/components/index.d.ts

@@ -35,6 +35,7 @@ export * from './QSpinnerLoader';
 export * from './QTextArea';
 export * from './QTextField';
 export * from './QThemeProvider';
+export * from './QToast';
 export * from './QToggle';
 export * from './QToggleGroup';
 export * from './QTooltip';

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,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,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,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,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,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,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,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,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,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

@@ -7,7 +7,7 @@ import { QCard as n } from "./QCard/index.js";
 import { QCheckbox as s, QCheckboxLabel as L } from "./QCheckbox/index.js";
 import { QCollapsible as g } from "./QCollapsible/index.js";
 import { QColorPicker as P } from "./QColorPicker/index.js";
-import { QCombobox as T } from "./QCombobox/index.js";
+import { QCombobox as b } from "./QCombobox/index.js";
 import { QDateTimePicker as G } from "./QDateTimePicker/index.js";
 import { QDialog as y, QDialogProvider as D } from "./QDialog/index.js";
 import { QDismissibleLayer as S } from "./QDismissibleLayer/index.js";
@@ -27,7 +27,7 @@ import { QOverlay as io } from "./QOverlay/index.js";
 import { QPasswordField as lo } from "./QPasswordField/index.js";
 import { QPopover as co } from "./QPopover/index.js";
 import { QPropertyList as Lo, QPropertyListGroup as uo, QPropertyListPanel as go, QPropertyListRow as Io } from "./QPropertyList/index.js";
-import { QRadioButton as bo, QRadioGroup as To } from "./QRadioGroup/index.js";
+import { QRadioButton as To, QRadioGroup as bo } from "./QRadioGroup/index.js";
 import { QSelect as Go } from "./QSelect/index.js";
 import { QSidebar as yo } from "./QSidebar/index.js";
 import { QSkeletonLoader as Fo } from "./QSkeletonLoader/index.js";
@@ -35,9 +35,10 @@ import { QSpinnerLoader as ko } from "./QSpinnerLoader/index.js";
 import { QTextArea as wo } from "./QTextArea/index.js";
 import { QTextField as ho } from "./QTextField/index.js";
 import { QThemeProvider as Mo } from "./QThemeProvider/index.js";
-import { QToggle as Uo } from "./QToggle/index.js";
-import { QToggleGroup as qo, QToggleGroupItem as zo } from "./QToggleGroup/index.js";
-import { QTooltip as Ho } from "./QTooltip/index.js";
+import { QToast as Uo, QToaster as jo } from "./QToast/index.js";
+import { QToggle as zo } from "./QToggle/index.js";
+import { QToggleGroup as Ho, QToggleGroupItem as Jo } from "./QToggleGroup/index.js";
+import { QTooltip as No } from "./QTooltip/index.js";
 export {
   e as QAccordion,
   t as QAccordionItem,
@@ -51,7 +52,7 @@ export {
   z as QCol,
   g as QCollapsible,
   P as QColorPicker,
-  T as QCombobox,
+  b as QCombobox,
   E as QContainer,
   G as QDateTimePicker,
   y as QDialog,
@@ -80,8 +81,8 @@ export {
   uo as QPropertyListGroup,
   go as QPropertyListPanel,
   Io as QPropertyListRow,
-  bo as QRadioButton,
-  To as QRadioGroup,
+  To as QRadioButton,
+  bo as QRadioGroup,
   H as QRow,
   Go as QSelect,
   yo as QSidebar,
@@ -91,8 +92,10 @@ export {
   wo as QTextArea,
   ho as QTextField,
   Mo as QThemeProvider,
-  Uo as QToggle,
-  qo as QToggleGroup,
-  zo as QToggleGroupItem,
-  Ho as QTooltip
+  Uo as QToast,
+  jo as QToaster,
+  zo as QToggle,
+  Ho as QToggleGroup,
+  Jo as QToggleGroupItem,
+  No as QTooltip
 };

package/esm/composables/index.d.ts

@@ -1,3 +1,4 @@
 export { provideTheme, useTheme } from './theme';
 export { useDialog } from './useDialog';
+export { useToast } from './useToast';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composables/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composables/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}

package/esm/composables/useDialog/types.d.ts

@@ -15,7 +15,7 @@ type DialogInstance = {
 /**
  * Represents the state for dialog management.
  */
-export type State = {
+export type DialogState = {
     /**
      * An array containing the currently active dialog instances.
      */

package/esm/composables/useDialog/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/composables/useDialog/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAErE;;GAEG;AACH,KAAK,cAAc,GAAG;IACrB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,KAAK,EAAE,YAAY,CAAA;CACnB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,KAAK,GAAG;IACnB;;OAEG;IACH,OAAO,EAAE,cAAc,EAAE,CAAA;CACzB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/composables/useDialog/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAErE;;GAEG;AACH,KAAK,cAAc,GAAG;IACrB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,KAAK,EAAE,YAAY,CAAA;CACnB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG;IACzB;;OAEG;IACH,OAAO,EAAE,cAAc,EAAE,CAAA;CACzB,CAAA"}

package/esm/composables/useToast/index.d.ts

@@ -0,0 +1,33 @@
+import { ToastInstance, UseToastReturn } from './types.ts';
+/**
+ * A composable function that manages existing QToast instances.
+ *
+ * @returns An object containing:
+ * - toasts: The array of currently active QToast instances.
+ * - addToast: A function that adds a QToast instance to the DOM, according to the given QToastProps.
+ * - removeToast: A function to remove a QToast instance from the DOM.
+ */
+export declare function useToast(): UseToastReturn;
+/**
+ * Creates a new toast instance for managing toast notifications.
+ *
+ * @returns An object containing a reactive array of toast items.
+ */
+export declare function createToastInstance(): ToastInstance;
+/**
+ * Provides a toast notification instance to the current Vue component context.
+ *
+ * @returns The provided toast instance for managing toast notifications.
+ *
+ * @see createToastInstance
+ * @see ToastSymbol
+ */
+export declare function provideToast(): ToastInstance;
+/**
+ * Injects the ToastInstance provided by the ToastSymbol.
+ *
+ * @throws If the ToastInstance has not been provided via provideToast.
+ * @returns The injected ToastInstance.
+ */
+export declare function injectToastInstance(): ToastInstance;
+//# sourceMappingURL=index.d.ts.map

package/esm/composables/useToast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useToast/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAe,KAAK,aAAa,EAAkB,KAAK,cAAc,EAAE,MAAM,YAAY,CAAA;AAMjG;;;;;;;GAOG;AACH,wBAAgB,QAAQ,IAAI,cAAc,CAoCzC;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,IAAI,aAAa,CAInD;AAED;;;;;;;GAOG;AACH,wBAAgB,YAAY,IAAI,aAAa,CAI5C;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,IAAI,aAAa,CAMnD"}

package/esm/composables/useToast/index.js

@@ -0,0 +1,35 @@
+import { ToastSymbol as a } from "./types.js";
+import { inject as i, ref as u } from "vue";
+import { useId as c } from "../uid.js";
+function p() {
+  const { toasts: t } = f();
+  function s(n, o) {
+    const e = c(o);
+    return t.value.push({ id: e, props: n }), e;
+  }
+  function r(n) {
+    const o = t.value.findIndex((e) => e.id === n);
+    o !== -1 && t.value.splice(o, 1);
+  }
+  return {
+    toasts: t,
+    addToast: s,
+    removeToast: r
+  };
+}
+function I() {
+  return {
+    toasts: u([])
+  };
+}
+function f() {
+  const t = i(a);
+  if (!t)
+    throw new Error("useInjectedToast must be used after provideToast");
+  return t;
+}
+export {
+  I as createToastInstance,
+  f as injectToastInstance,
+  p as useToast
+};

package/esm/composables/useToast/types.d.ts

@@ -0,0 +1,40 @@
+import { InjectionKey, Ref } from 'vue';
+import { QToastProps } from '../../components/QToast';
+export declare const ToastSymbol: InjectionKey<ToastInstance>;
+/**
+ * Represents an instance of the toast notification system.
+ */
+export type ToastInstance = {
+    /**
+     * A Vue Ref containing the list of active toast notifications.
+     */
+    toasts: Ref<ToastItem[]>;
+};
+/**
+ * Represents a single toast item managed in the toasts state array.
+ */
+export type ToastItem = {
+    /**
+     * A unique identifier for the toast item.
+     */
+    id: string;
+    /**
+     * The properties applied to the toast item, conforming to `QToastProps`.
+     */
+    props: QToastProps;
+};
+/**
+ * Represents the return type of the `useToast` composable, providing methods and state
+ * for managing toast notifications.
+ */
+export type UseToastReturn = ToastInstance & {
+    /**
+     * A function to add a toast item to the DOM.
+     */
+    addToast(props: QToastProps, id?: string): string;
+    /**
+     * A function to remove a toast item from the DOM.
+     */
+    removeToast(id: string): void;
+};
+//# sourceMappingURL=types.d.ts.map

package/esm/composables/useToast/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/composables/useToast/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAE1D,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,aAAa,CAAyB,CAAA;AAE7E;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,MAAM,EAAE,GAAG,CAAC,SAAS,EAAE,CAAC,CAAA;CACxB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG;IACvB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,KAAK,EAAE,WAAW,CAAA;CAClB,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG;IAC5C;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEjD;;OAEG;IACH,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;CAC7B,CAAA"}