@quidgest/ui 0.16.3 → 0.16.5

package/esm/components/QCombobox/QCombobox.vue.js

@@ -52,7 +52,7 @@ const xe = ["data-key"], we = {
   setup(x, { expose: K, emit: W }) {
     const l = x, w = W, d = T(x, "modelValue"), i = T(x, "open"), u = T(x, "search"), o = g(void 0), c = g(null), s = g(null), V = g(null), L = g(null);
     ie(y);
-    const D = m(() => l.clearable && !l.readonly && !l.disabled), p = m(() => {
+    const q = m(() => l.clearable && !l.readonly && !l.disabled), p = m(() => {
       var e;
       return l.filterMode === "manual" || !G.value ? l.items ?? [] : ((e = l.items) == null ? void 0 : e.filter(
         (t) => t[l.itemLabel].toLowerCase().startsWith(u.value.toLowerCase())
@@ -60,7 +60,7 @@ const xe = ["data-key"], we = {
     }), h = m(() => {
       var e;
       return (e = l.items) == null ? void 0 : e.find((t) => t[l.itemValue] === d.value);
-    }), Q = m(() => h.value === void 0), q = m(() => {
+    }), Q = m(() => h.value === void 0), D = m(() => {
       const e = o.value;
       if (e !== void 0 && p.value[e])
         return p.value[e];
@@ -92,7 +92,7 @@ const xe = ["data-key"], we = {
       i.value ? F() : U();
     }
     function Y() {
-      D.value && (d.value = l.emptyValue, o.value = void 0, E());
+      q.value && (d.value = l.emptyValue, o.value = void 0, E());
     }
     function U() {
       if (C(), h.value !== void 0) {
@@ -117,8 +117,8 @@ const xe = ["data-key"], we = {
             e.key === "ArrowDown" ? $() : ee();
           }));
         else if (e.key === "Enter") {
-          if (q.value === void 0) return;
-          S(q.value[l.itemValue]);
+          if (D.value === void 0) return;
+          S(D.value[l.itemValue]);
         } else e.key === "Home" ? o.value = (t = s.value) == null ? void 0 : t.getFirstFocusableItemIndex() : e.key === "End" ? o.value = (a = s.value) == null ? void 0 : a.getLastFocusableItemIndex() : (/^[a-z]$/i.test(e.key) || e.key === "Backspace") && C();
     }
     function $() {
@@ -147,7 +147,7 @@ const xe = ["data-key"], we = {
         e.preventDefault(), e.stopPropagation();
         return;
       }
-      F(), D.value && !u.value && (d.value = l.emptyValue), y();
+      F(), q.value && !u.value && (d.value = l.emptyValue), y();
     }
     function E() {
       var e, t;
@@ -233,7 +233,7 @@ const xe = ["data-key"], we = {
             ]),
             append: r(() => [
               f(e.$slots, "append"),
-              D.value && u.value ? (b(), _(v(Ie), {
+              q.value && u.value ? (b(), _(v(Ie), {
                 key: 0,
                 icons: l.icons,
                 texts: l.texts,
@@ -315,7 +315,8 @@ const xe = ["data-key"], we = {
                     "model-value": d.value,
                     class: "q-select__items",
                     selectable: "",
-                    highlighted: (n = q.value) == null ? void 0 : n[l.itemValue],
+                    required: "",
+                    highlighted: (n = D.value) == null ? void 0 : n[l.itemValue],
                     items: p.value,
                     groups: e.groups,
                     "item-label": l.itemLabel,

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

@@ -712,6 +712,8 @@ declare const QCombobox: {
                 readonly itemLabel?: string | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly selectable?: boolean | undefined;
+                readonly multiple?: boolean | undefined;
+                readonly required?: boolean | undefined;
                 readonly onClick?: ((key: any) => any) | undefined;
                 readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
@@ -816,6 +818,8 @@ declare const QCombobox: {
                 itemLabel?: string;
                 disabled?: boolean;
                 selectable?: boolean;
+                multiple?: boolean;
+                required?: boolean;
             }> & Readonly<{
                 onClick?: ((key: any) => any) | undefined;
                 "onUpdate:modelValue"?: ((value: any) => any) | undefined;
@@ -866,6 +870,8 @@ declare const QCombobox: {
             itemLabel?: string;
             disabled?: boolean;
             selectable?: boolean;
+            multiple?: boolean;
+            required?: boolean;
         }> & Readonly<{
             onClick?: ((key: any) => any) | undefined;
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
@@ -876,6 +882,7 @@ declare const QCombobox: {
             getLastFocusableItemIndex: () => number;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
+                default?(_: {}): any;
                 item?(_: {
                     item: import('../QList/types').Item;
                     element: HTMLLIElement | undefined;

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

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

package/esm/components/QDialog/QDialog.d.ts

@@ -6,9 +6,11 @@ type __VLS_PublicProps = {
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        'body.content'?(_: {}): any;
+        header?(_: {}): any;
+        body?(_: {}): any;
         'body.icon'?(_: {}): any;
         'body.append'?(_: {}): any;
+        footer?(_: {}): any;
     };
     refs: {};
     rootEl: any;
@@ -16,9 +18,15 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
+} & {
+    enter: () => any;
+    leave: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onEnter?: (() => any) | undefined;
+    onLeave?: (() => any) | undefined;
 }>, {
+    size: import('./types').QDialogSize;
     html: boolean;
     icon: import('..').Icon;
     icons: typeof DEFAULT_ICONS;

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

@@ -1 +1 @@
-{"version":3,"file":"QDialog.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/QDialog.vue"],"names":[],"mappings":"AAyDA;AA6FC,OAAO,EAAiC,aAAa,EAAE,MAAM,SAAS,CAAA;AAQtE,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEzD,KAAK,WAAW,GAAG,YAAY,CAAC;AAgCjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAgKT,OAAO,IAA6B;;gCAZb,GAAG;6BACN,GAAG;+BACD,GAAG;;;;EAetC;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;6EASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QDialog.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/QDialog.vue"],"names":[],"mappings":"AAyEA;AAsIC,OAAO,EAAiC,aAAa,EAAE,MAAM,SAAS,CAAA;AAQtE,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAKzD,KAAK,WAAW,GAAG,YAAY,CAAC;AAwDjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAkMT,OAAO,IAA6B;;wBAdrB,GAAG;sBACL,GAAG;6BACI,GAAG;+BACD,GAAG;wBACV,GAAG;;;;EAe/B;AAoBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;6EASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QDialog/QDialog.vue.js

@@ -1,139 +1,167 @@
-import { defineComponent as C, mergeModels as V, useModel as q, createBlock as n, openBlock as o, unref as a, withCtx as c, createElementVNode as i, normalizeClass as T, renderSlot as u, createCommentVNode as _, toDisplayString as y, createVNode as k, normalizeProps as h, guardReactiveProps as g, createElementBlock as d, Fragment as D, renderList as L, mergeProps as v } from "vue";
-import { DEFAULT_ICONS as N, DEFAULT_BUTTONS as x, DEFAULT_ICON as E } from "./types.js";
-import { QButton as B } from "../QButton/index.js";
-import { QIcon as p } from "../QIcon/index.js";
-import { QOverlay as M } from "../QOverlay/index.js";
-const U = { class: "q-dialog__header" }, A = { class: "q-dialog__header-title" }, F = { class: "q-dialog__body" }, O = {
+import { defineComponent as z, mergeModels as v, useModel as M, computed as k, createBlock as d, openBlock as l, unref as a, normalizeClass as h, withCtx as f, createElementVNode as c, createElementBlock as s, createCommentVNode as i, renderSlot as r, toDisplayString as g, createVNode as b, normalizeProps as B, guardReactiveProps as q, Fragment as U, renderList as A, mergeProps as C } from "vue";
+import { DEFAULT_ICONS as F, DEFAULT_BUTTONS as O, DEFAULT_ICON as Q } from "./types.js";
+import { QButton as V } from "../QButton/index.js";
+import { QIcon as m } from "../QIcon/index.js";
+import { QOverlay as S } from "../QOverlay/index.js";
+const I = {
+  key: 0,
+  class: "q-dialog__header"
+}, P = { class: "q-dialog__header-title" }, H = {
+  key: 1,
+  class: "q-dialog__body"
+}, w = {
   key: 0,
   class: "q-dialog__body-icon"
-}, Q = { class: "q-dialog__body-text" }, S = ["innerHTML"], I = { key: 1 }, P = { class: "q-dialog__body-actions" }, j = /* @__PURE__ */ C({
+}, x = { class: "q-dialog__body-text" }, R = ["innerHTML"], j = { key: 1 }, G = {
+  key: 2,
+  class: "q-dialog__footer"
+}, J = { class: "q-dialog__footer-buttons" }, ee = /* @__PURE__ */ z({
   __name: "QDialog",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ v({
     id: {},
     class: {},
     title: {},
     text: {},
-    icon: { default: () => E },
-    buttons: { default: () => x },
+    icon: { default: () => Q },
+    buttons: { default: () => O },
     attach: { default: "body" },
     inline: { type: Boolean },
     backdropBlur: { type: Boolean, default: !0 },
     dismissible: { type: Boolean },
     html: { type: Boolean, default: !0 },
-    icons: { default: () => N }
+    icons: { default: () => F },
+    size: { default: "small" },
+    centerVertically: { type: Boolean }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
-  emits: ["update:modelValue"],
-  setup(m) {
-    const e = m, r = q(m, "modelValue");
-    function f() {
-      r.value = !1;
+  emits: /* @__PURE__ */ v(["enter", "leave"], ["update:modelValue"]),
+  setup(_, { emit: $ }) {
+    const e = _, p = $, u = M(_, "modelValue"), L = k(() => ["q-dialog", e.class]), T = k(() => `q-overlay--${e.size}`);
+    function y() {
+      u.value = !1;
+    }
+    function D(o) {
+      var n;
+      (n = o.action) == null || n.call(o), y();
+    }
+    function E() {
+      p("enter");
     }
-    function b(l) {
-      var s;
-      (s = l.action) == null || s.call(l), f();
+    function N() {
+      p("leave");
     }
-    return (l, s) => (o(), n(a(M), {
+    return (o, n) => (l(), d(a(S), {
       id: e.id,
-      modelValue: r.value,
-      "onUpdate:modelValue": s[0] || (s[0] = (t) => r.value = t),
+      modelValue: u.value,
+      "onUpdate:modelValue": n[0] || (n[0] = (t) => u.value = t),
       "backdrop-class": "q-dialog__underlay",
       "scroll-lock": "",
       persistent: "",
       inline: e.inline,
       attach: e.attach,
-      "backdrop-blur": e.backdropBlur
+      "backdrop-blur": e.backdropBlur,
+      "center-vertically": e.centerVertically,
+      class: h(T.value),
+      onEnter: E,
+      onLeave: N
     }, {
-      default: c(() => [
-        i(
+      default: f(() => [
+        c(
           "div",
           {
-            class: T(["q-dialog", e.class])
+            class: h(L.value)
           },
           [
-            i("div", U, [
-              i(
-                "span",
-                A,
-                y(e.title),
-                1
-                /* TEXT */
-              ),
-              e.dismissible ? (o(), n(a(B), {
-                key: 0,
-                variant: "text",
-                onClick: f
-              }, {
-                default: c(() => [
-                  k(
-                    a(p),
-                    h(g(e.icons.close)),
-                    null,
-                    16
-                    /* FULL_PROPS */
-                  )
-                ]),
-                _: 1
-                /* STABLE */
-              })) : _("v-if", !0)
-            ]),
-            u(l.$slots, "body.content", {}, () => [
-              i("div", F, [
-                u(l.$slots, "body.icon", {}, () => [
-                  e.icon ? (o(), d("span", O, [
-                    k(
-                      a(p),
-                      h(g(e.icon)),
+            e.title || o.$slots.header ? (l(), s("div", I, [
+              r(o.$slots, "header", {}, () => [
+                c(
+                  "span",
+                  P,
+                  g(e.title),
+                  1
+                  /* TEXT */
+                )
+              ])
+            ])) : i("v-if", !0),
+            e.icon || e.text || o.$slots.body ? (l(), s("div", H, [
+              r(o.$slots, "body", {}, () => [
+                r(o.$slots, "body.icon", {}, () => [
+                  e.icon ? (l(), s("span", w, [
+                    b(
+                      a(m),
+                      B(q(e.icon)),
                       null,
                       16
                       /* FULL_PROPS */
                     )
-                  ])) : _("v-if", !0)
+                  ])) : i("v-if", !0)
                 ]),
-                i("div", Q, [
-                  e.html ? (o(), d("span", {
+                c("div", x, [
+                  e.html ? (l(), s("div", {
                     key: 0,
                     innerHTML: e.text
-                  }, null, 8, S)) : (o(), d(
-                    "span",
-                    I,
-                    y(e.text),
+                  }, null, 8, R)) : (l(), s(
+                    "div",
+                    j,
+                    g(e.text),
                     1
                     /* TEXT */
                   ))
                 ]),
-                u(l.$slots, "body.append")
+                r(o.$slots, "body.append")
               ])
-            ]),
-            i("div", P, [
-              (o(!0), d(
-                D,
-                null,
-                L(e.buttons, (t) => (o(), n(a(B), v({ ref_for: !0 }, t.props, {
-                  key: t.id,
-                  onClick: () => b(t)
-                }), {
-                  default: c(() => [
-                    t.icon ? (o(), n(
-                      a(p),
-                      v({
-                        key: 0,
-                        ref_for: !0
-                      }, t.icon),
-                      null,
-                      16
-                      /* FULL_PROPS */
-                    )) : _("v-if", !0)
-                  ]),
-                  _: 2
-                  /* DYNAMIC */
-                }, 1040, ["onClick"]))),
-                128
-                /* KEYED_FRAGMENT */
-              ))
-            ])
+            ])) : i("v-if", !0),
+            e.buttons || o.$slots.footer ? (l(), s("div", G, [
+              r(o.$slots, "footer", {}, () => [
+                c("span", J, [
+                  (l(!0), s(
+                    U,
+                    null,
+                    A(e.buttons, (t) => (l(), d(a(V), C({ ref_for: !0 }, t.props, {
+                      key: t.id,
+                      onClick: () => D(t)
+                    }), {
+                      default: f(() => [
+                        t.icon ? (l(), d(
+                          a(m),
+                          C({
+                            key: 0,
+                            ref_for: !0
+                          }, t.icon),
+                          null,
+                          16
+                          /* FULL_PROPS */
+                        )) : i("v-if", !0)
+                      ]),
+                      _: 2
+                      /* DYNAMIC */
+                    }, 1040, ["onClick"]))),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ])
+              ])
+            ])) : i("v-if", !0),
+            e.dismissible ? (l(), d(a(V), {
+              key: 3,
+              class: "q-dialog__close",
+              variant: "text",
+              onClick: y
+            }, {
+              default: f(() => [
+                b(
+                  a(m),
+                  B(q(e.icons.close)),
+                  null,
+                  16
+                  /* FULL_PROPS */
+                )
+              ]),
+              _: 1
+              /* STABLE */
+            })) : i("v-if", !0)
           ],
           2
           /* CLASS */
@@ -141,9 +169,9 @@ const U = { class: "q-dialog__header" }, A = { class: "q-dialog__header-title" }
       ]),
       _: 3
       /* FORWARDED */
-    }, 8, ["id", "modelValue", "inline", "attach", "backdrop-blur"]));
+    }, 8, ["id", "modelValue", "inline", "attach", "backdrop-blur", "center-vertically", "class"]));
   }
 });
 export {
-  j as default
+  ee as default
 };

package/esm/components/QDialog/QDialogProvider.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=QDialogProvider.vue.d.ts.map

package/esm/components/QDialog/QDialogProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QDialogProvider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/QDialogProvider.vue"],"names":[],"mappings":"AASA;;AA+FA,wBAKG"}

package/esm/components/QDialog/QDialogProvider.vue.js

@@ -0,0 +1,26 @@
+import { defineComponent as a, createElementBlock as l, openBlock as o, Fragment as i, renderList as m, unref as r, createBlock as s, mergeProps as p } from "vue";
+import { QDialog as u } from "./index.js";
+import { useDialog as c } from "../../composables/useDialog/index.js";
+const D = /* @__PURE__ */ a({
+  inheritAttrs: !1,
+  __name: "QDialogProvider",
+  setup(f) {
+    const { dialogs: t, removeDialog: n } = c();
+    return (_, d) => (o(!0), l(
+      i,
+      null,
+      m(r(t), (e) => (o(), s(r(u), p({
+        key: e.id,
+        ref_for: !0
+      }, e.props, {
+        "model-value": "",
+        onLeave: () => r(n)(e.id)
+      }), null, 16, ["onLeave"]))),
+      128
+      /* KEYED_FRAGMENT */
+    ));
+  }
+});
+export {
+  D as default
+};

package/esm/components/QDialog/QDialogProvider.vue2.js

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

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

@@ -13,11 +13,19 @@ declare const QDialog: {
         dismissible?: boolean;
         html?: boolean;
         icons?: typeof import('./types').DEFAULT_ICONS;
+        size?: import('./types').QDialogSize;
+        centerVertically?: boolean;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        onEnter?: (() => any) | undefined;
+        onLeave?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:modelValue": (value: boolean) => any;
+    } & {
+        enter: () => any;
+        leave: () => any;
     }, import('vue').PublicProps, {
+        size: import('./types').QDialogSize;
         html: boolean;
         icon: import('..').Icon;
         icons: typeof import('./types').DEFAULT_ICONS;
@@ -44,9 +52,14 @@ declare const QDialog: {
         dismissible?: boolean;
         html?: boolean;
         icons?: typeof import('./types').DEFAULT_ICONS;
+        size?: import('./types').QDialogSize;
+        centerVertically?: boolean;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        onEnter?: (() => any) | undefined;
+        onLeave?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {
+        size: import('./types').QDialogSize;
         html: boolean;
         icon: import('..').Icon;
         icons: typeof import('./types').DEFAULT_ICONS;
@@ -70,11 +83,19 @@ declare const QDialog: {
     dismissible?: boolean;
     html?: boolean;
     icons?: typeof import('./types').DEFAULT_ICONS;
+    size?: import('./types').QDialogSize;
+    centerVertically?: boolean;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onEnter?: (() => any) | undefined;
+    onLeave?: (() => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
+} & {
+    enter: () => any;
+    leave: () => any;
 }, string, {
+    size: import('./types').QDialogSize;
     html: boolean;
     icon: import('..').Icon;
     icons: typeof import('./types').DEFAULT_ICONS;
@@ -83,11 +104,14 @@ declare const QDialog: {
     buttons: DialogButton[];
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
-        'body.content'?(_: {}): any;
+        header?(_: {}): any;
+        body?(_: {}): any;
         'body.icon'?(_: {}): any;
         'body.append'?(_: {}): any;
+        footer?(_: {}): any;
     };
 });
-export { QDialog };
+declare const QDialogProvider: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { QDialog, QDialogProvider };
 export type { DialogButton };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA4B,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,YAAY,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA4B,CAAA;AACzC,QAAA,MAAM,eAAe,+QAAoC,CAAA;AAGzD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAA;AAGnC,YAAY,EAAE,YAAY,EAAE,CAAA"}

package/esm/components/QDialog/index.js

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

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

@@ -1,6 +1,7 @@
 import { QButtonProps } from '../QButton';
 import { Icon } from '../QIcon';
 import { QBaseComponentProps } from '../../types/component';
+export type QDialogSize = 'small' | 'medium' | 'large' | 'xlarge';
 export type QDialogProps = QBaseComponentProps & {
     /**
      * The title of the dialog window.
@@ -44,6 +45,14 @@ export type QDialogProps = QBaseComponentProps & {
      * Custom icon configurations.
      */
     icons?: typeof DEFAULT_ICONS;
+    /**
+     * The size category of the dialog.
+     */
+    size?: QDialogSize;
+    /**
+     * Whether to vertically align the dialog to the center (true) or top (false)
+     */
+    centerVertically?: boolean;
 };
 export type DialogButton = {
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,YAAY,GAAG,mBAAmB,GAAG;IAChD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IAExB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,MAAM,CAAC,EAAE;QAAE,IAAI,IAAI,CAAA;KAAE,CAAA;IAErB;;OAEG;IACH,KAAK,EAAE,YAAY,CAAA;CACnB,CAAA;AAGD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,YAAY,CAW/C,CAAA;AAGD,eAAO,MAAM,YAAY,EAAE,IAE1B,CAAA;AAGD,eAAO,MAAM,aAAa;;;;CAIM,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AAEjE,MAAM,MAAM,YAAY,GAAG,mBAAmB,GAAG;IAChD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IAExB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAA;IAElB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,MAAM,CAAC,EAAE;QAAE,IAAI,IAAI,CAAA;KAAE,CAAA;IAErB;;OAEG;IACH,KAAK,EAAE,YAAY,CAAA;CACnB,CAAA;AAGD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,YAAY,CAW/C,CAAA;AAGD,eAAO,MAAM,YAAY,EAAE,IAE1B,CAAA;AAGD,eAAO,MAAM,aAAa;;;;CAIM,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"QDismissibleLayer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDismissibleLayer/QDismissibleLayer.vue"],"names":[],"mappings":"AAKA;AA8HC,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAgH1E,iBAAS,cAAc;WA0BT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;kBAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QDismissibleLayer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDismissibleLayer/QDismissibleLayer.vue"],"names":[],"mappings":"AAKA;AAyIC,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAyH1E,iBAAS,cAAc;WA0BT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;kBAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}