@quidgest/ui 0.16.14 → 0.16.15

package/dist/ui.scss

@@ -1,5 +1,5 @@
 /*!
- * Quidgest UI v0.16.14
+ * Quidgest UI v0.16.15
  * (c) 2025 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
@@ -1254,6 +1254,7 @@ $transition-duration: 0.2s !default;
     &-text {
       display: flex;
       justify-content: center;
+      text-align: center;
       padding: $space-base 1rem;
     }
   }
@@ -1276,6 +1277,20 @@ $transition-duration: 0.2s !default;
   &__underlay {
     background-color: rgb(var(--q-theme-on-background-rgb) / 30%);
   }
+  &__input {
+    padding: 0.25rem 1rem;
+  }
+  .q-field--invalid {
+    .q-field__extras {
+      display: flex;
+      align-items: center;
+      gap: 0.25rem;
+      color: var(--q-theme-danger);
+      svg {
+        fill: var(--q-theme-danger);
+      }
+    }
+  }
 }
 .q-divider {
   display: flex;

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

@@ -7,10 +7,12 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         header?(_: {}): any;
+        'header.prepend'?(_: {}): any;
+        'header.append'?(_: {}): any;
         body?(_: {}): any;
         'body.icon'?(_: {}): any;
         'body.append'?(_: {}): any;
-        footer?(_: {}): any;
+        'footer.append'?(_: {}): any;
     };
     refs: {};
     rootEl: any;

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":"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"}
+{"version":3,"file":"QDialog.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/QDialog.vue"],"names":[],"mappings":"AAmGA;AAkLC,OAAO,EAAiC,aAAa,EAAE,MAAM,SAAS,CAAA;AAStE,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAKzD,KAAK,WAAW,GAAG,YAAY,CAAC;AAyEjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAsPT,OAAO,IAA6B;;wBAhBrB,GAAG;kCACO,GAAG;iCACJ,GAAG;sBACd,GAAG;6BACI,GAAG;+BACD,GAAG;iCACD,GAAG;;;;EAexC;AAuBD,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,61 +1,77 @@
-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 = {
+import { defineComponent as Q, mergeModels as g, useModel as A, ref as V, computed as b, createBlock as c, openBlock as l, unref as a, normalizeClass as B, withCtx as p, createElementVNode as $, createElementBlock as i, createCommentVNode as s, renderSlot as r, toDisplayString as v, createVNode as _, normalizeProps as q, guardReactiveProps as C, createTextVNode as O, Fragment as S, renderList as I, mergeProps as T } from "vue";
+import { DEFAULT_ICONS as P, DEFAULT_BUTTONS as H, DEFAULT_ICON as w } from "./types.js";
+import { QButton as L } from "../QButton/index.js";
+import { QIcon as f } from "../QIcon/index.js";
+import { QOverlay as x } from "../QOverlay/index.js";
+import { QTextField as R } from "../QTextField/index.js";
+const j = {
   key: 0,
   class: "q-dialog__header"
-}, P = { class: "q-dialog__header-title" }, H = {
+}, G = {
+  key: 0,
+  class: "q-dialog__header-title"
+}, J = {
   key: 1,
   class: "q-dialog__body"
-}, w = {
+}, K = {
   key: 0,
   class: "q-dialog__body-icon"
-}, x = { class: "q-dialog__body-text" }, R = ["innerHTML"], j = { key: 1 }, G = {
+}, W = { class: "q-dialog__body-text" }, X = ["innerHTML"], Y = { key: 1 }, Z = {
+  key: 0,
+  class: "q-dialog__input"
+}, ee = {
   key: 2,
   class: "q-dialog__footer"
-}, J = { class: "q-dialog__footer-buttons" }, ee = /* @__PURE__ */ z({
+}, oe = {
+  key: 0,
+  class: "q-dialog__footer-buttons"
+}, re = /* @__PURE__ */ Q({
   __name: "QDialog",
-  props: /* @__PURE__ */ v({
+  props: /* @__PURE__ */ g({
     id: {},
     class: {},
     title: {},
     text: {},
-    icon: { default: () => Q },
-    buttons: { default: () => O },
+    icon: { default: () => w },
+    buttons: { default: () => H },
     attach: { default: "body" },
     inline: { type: Boolean },
     backdropBlur: { type: Boolean, default: !0 },
     dismissible: { type: Boolean },
     html: { type: Boolean, default: !0 },
-    icons: { default: () => F },
+    icons: { default: () => P },
     size: { default: "small" },
-    centerVertically: { type: Boolean }
+    centerVertically: { type: Boolean },
+    input: {}
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
-  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;
+  emits: /* @__PURE__ */ g(["enter", "leave"], ["update:modelValue"]),
+  setup(y, { emit: N }) {
+    const e = y, k = N, m = A(y, "modelValue"), u = V(""), d = V(""), z = b(() => ["q-dialog", e.class]), D = b(() => `q-overlay--${e.size}`);
+    function h() {
+      m.value = !1;
     }
-    function D(o) {
-      var n;
-      (n = o.action) == null || n.call(o), y();
+    function E(o) {
+      var n, t;
+      if (o.action) {
+        if ((n = e.input) != null && n.validator && (d.value = e.input.validator(a(u)), a(d)))
+          return;
+        (t = o.action) == null || t.call(o, a(u));
+      }
+      h();
     }
-    function E() {
-      p("enter");
+    function M() {
+      k("enter");
     }
-    function N() {
-      p("leave");
+    function U() {
+      k("leave");
     }
-    return (o, n) => (l(), d(a(S), {
+    return (o, n) => (l(), c(a(x), {
       id: e.id,
-      modelValue: u.value,
-      "onUpdate:modelValue": n[0] || (n[0] = (t) => u.value = t),
+      modelValue: m.value,
+      "onUpdate:modelValue": n[1] || (n[1] = (t) => m.value = t),
       "backdrop-class": "q-dialog__underlay",
       "scroll-lock": "",
       persistent: "",
@@ -63,97 +79,124 @@ const I = {
       attach: e.attach,
       "backdrop-blur": e.backdropBlur,
       "center-vertically": e.centerVertically,
-      class: h(T.value),
-      onEnter: E,
-      onLeave: N
+      class: B(D.value),
+      onEnter: M,
+      onLeave: U
     }, {
-      default: f(() => [
-        c(
+      default: p(() => [
+        $(
           "div",
           {
-            class: h(L.value)
+            class: B(z.value)
           },
           [
-            e.title || o.$slots.header ? (l(), s("div", I, [
+            e.title || o.$slots.header || o.$slots["header.prepend"] || o.$slots["header.append"] ? (l(), i("div", j, [
               r(o.$slots, "header", {}, () => [
-                c(
+                r(o.$slots, "header.prepend"),
+                e.title ? (l(), i(
                   "span",
-                  P,
-                  g(e.title),
+                  G,
+                  v(e.title),
                   1
                   /* TEXT */
-                )
+                )) : s("v-if", !0),
+                r(o.$slots, "header.append")
               ])
-            ])) : 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 */
-                    )
-                  ])) : i("v-if", !0)
-                ]),
-                c("div", x, [
-                  e.html ? (l(), s("div", {
-                    key: 0,
-                    innerHTML: e.text
-                  }, null, 8, R)) : (l(), s(
-                    "div",
-                    j,
-                    g(e.text),
-                    1
-                    /* TEXT */
-                  ))
-                ]),
-                r(o.$slots, "body.append")
-              ])
-            ])) : 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)
+            ])) : s("v-if", !0),
+            e.icon || e.text || o.$slots.body ? (l(), i("div", J, [
+              r(o.$slots, "body", {}, () => {
+                var t;
+                return [
+                  r(o.$slots, "body.icon", {}, () => [
+                    e.icon ? (l(), i("span", K, [
+                      _(
+                        a(f),
+                        q(C(e.icon)),
+                        null,
+                        16
+                        /* FULL_PROPS */
+                      )
+                    ])) : s("v-if", !0)
+                  ]),
+                  $("div", W, [
+                    e.html ? (l(), i("div", {
+                      key: 0,
+                      innerHTML: e.text
+                    }, null, 8, X)) : (l(), i(
+                      "div",
+                      Y,
+                      v(e.text),
+                      1
+                      /* TEXT */
+                    ))
+                  ]),
+                  e.input ? (l(), i("div", Z, [
+                    _(a(R), {
+                      modelValue: u.value,
+                      "onUpdate:modelValue": n[0] || (n[0] = (F) => u.value = F),
+                      invalid: !!d.value,
+                      placeholder: (t = e.input) == null ? void 0 : t.placeholder,
+                      size: "block"
+                    }, {
+                      extras: p(() => [
+                        d.value ? (l(), c(a(f), {
+                          key: 0,
+                          icon: "exclamation-sign"
+                        })) : s("v-if", !0),
+                        O(
+                          " " + v(d.value),
+                          1
+                          /* TEXT */
+                        )
                       ]),
-                      _: 2
-                      /* DYNAMIC */
-                    }, 1040, ["onClick"]))),
-                    128
-                    /* KEYED_FRAGMENT */
-                  ))
-                ])
-              ])
-            ])) : i("v-if", !0),
-            e.dismissible ? (l(), d(a(V), {
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["modelValue", "invalid", "placeholder"])
+                  ])) : s("v-if", !0),
+                  r(o.$slots, "body.append")
+                ];
+              })
+            ])) : s("v-if", !0),
+            e.buttons || o.$slots["footer.append"] ? (l(), i("div", ee, [
+              e.buttons ? (l(), i("span", oe, [
+                (l(!0), i(
+                  S,
+                  null,
+                  I(e.buttons, (t) => (l(), c(a(L), T({ ref_for: !0 }, t.props, {
+                    key: t.id,
+                    onClick: () => E(t)
+                  }), {
+                    default: p(() => [
+                      t.icon ? (l(), c(
+                        a(f),
+                        T({
+                          key: 0,
+                          ref_for: !0
+                        }, t.icon),
+                        null,
+                        16
+                        /* FULL_PROPS */
+                      )) : s("v-if", !0)
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1040, ["onClick"]))),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ])) : s("v-if", !0),
+              r(o.$slots, "footer.append")
+            ])) : s("v-if", !0),
+            e.dismissible ? (l(), c(a(L), {
               key: 3,
               class: "q-dialog__close",
               variant: "text",
-              onClick: y
+              onClick: h
             }, {
-              default: f(() => [
-                b(
-                  a(m),
-                  B(q(e.icons.close)),
+              default: p(() => [
+                _(
+                  a(f),
+                  q(C(e.icons.close)),
                   null,
                   16
                   /* FULL_PROPS */
@@ -161,7 +204,7 @@ const I = {
               ]),
               _: 1
               /* STABLE */
-            })) : i("v-if", !0)
+            })) : s("v-if", !0)
           ],
           2
           /* CLASS */
@@ -173,5 +216,5 @@ const I = {
   }
 });
 export {
-  ee as default
+  re as default
 };

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

@@ -1,3 +1,8 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+import { QDialogProviderProps } from './types';
+declare const _default: import('vue').DefineComponent<QDialogProviderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    leave: (id: string) => any;
+}, string, import('vue').PublicProps, Readonly<QDialogProviderProps> & Readonly<{
+    onLeave?: ((id: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=QDialogProvider.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"QDialogProvider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/QDialogProvider.vue"],"names":[],"mappings":"AASA;;AA+FA,wBAKG"}
+{"version":3,"file":"QDialogProvider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/QDialogProvider.vue"],"names":[],"mappings":"AAUA;AA+CC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;;;;;;AAmFpD,wBAOG"}

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

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

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

@@ -15,6 +15,7 @@ declare const QDialog: {
         icons?: typeof import('./types').DEFAULT_ICONS;
         size?: import('./types').QDialogSize;
         centerVertically?: boolean;
+        input?: import('./types').QDialogInputOption;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         onEnter?: (() => any) | undefined;
@@ -54,6 +55,7 @@ declare const QDialog: {
         icons?: typeof import('./types').DEFAULT_ICONS;
         size?: import('./types').QDialogSize;
         centerVertically?: boolean;
+        input?: import('./types').QDialogInputOption;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         onEnter?: (() => any) | undefined;
@@ -85,6 +87,7 @@ declare const QDialog: {
     icons?: typeof import('./types').DEFAULT_ICONS;
     size?: import('./types').QDialogSize;
     centerVertically?: boolean;
+    input?: import('./types').QDialogInputOption;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onEnter?: (() => any) | undefined;
@@ -105,13 +108,19 @@ declare const QDialog: {
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         header?(_: {}): any;
+        'header.prepend'?(_: {}): any;
+        'header.append'?(_: {}): any;
         body?(_: {}): any;
         'body.icon'?(_: {}): any;
         'body.append'?(_: {}): any;
-        footer?(_: {}): any;
+        'footer.append'?(_: {}): any;
     };
 });
-declare const QDialogProvider: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const QDialogProvider: import('vue').DefineComponent<import('./types').QDialogProviderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    leave: (id: string) => any;
+}, string, import('vue').PublicProps, Readonly<import('./types').QDialogProviderProps> & Readonly<{
+    onLeave?: ((id: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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":"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"}
+{"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;;;;kFAAoC,CAAA;AAGzD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAA;AAGnC,YAAY,EAAE,YAAY,EAAE,CAAA"}

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

@@ -53,6 +53,10 @@ export type QDialogProps = QBaseComponentProps & {
      * Whether to vertically align the dialog to the center (true) or top (false)
      */
     centerVertically?: boolean;
+    /**
+     * The input control configuration.
+     */
+    input?: QDialogInputOption;
 };
 export type DialogButton = {
     /**
@@ -67,13 +71,39 @@ export type DialogButton = {
      * The action that the button performs when clicked.
      */
     action?: {
-        (): void;
+        (value?: string): void;
     };
     /**
      * The generic button props.
      */
     props: QButtonProps;
 };
+export type QDialogOptions = {
+    /**
+     * Options for input control to add.
+     */
+    input?: QDialogInputOption;
+};
+export type QDialogInputOption = {
+    /**
+     * Control type.
+     */
+    type: string;
+    /**
+     * Control placeholder text.
+     */
+    placeholder?: string;
+    /**
+     * Function to validate value entered.
+     */
+    validator?: (value: string) => string | undefined;
+};
+export type QDialogProviderProps = {
+    /**
+     * Whether to inline the dialogs
+     */
+    inline?: boolean;
+};
 export declare const DEFAULT_BUTTONS: Array<DialogButton>;
 export declare const DEFAULT_ICON: Icon;
 export declare const DEFAULT_ICONS: {

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,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"}
+{"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;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,kBAAkB,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,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAA;IAEnC;;OAEG;IACH,KAAK,EAAE,YAAY,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAChC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;CACjD,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CAChB,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/composables/useDialog/index.d.ts

@@ -1,11 +1,11 @@
-import { QDialogProps } from '../../components/QDialog/types.ts';
+import { QDialogProps, QDialogOptions } from '../../components/QDialog/types.ts';
 /**
  * Manager for dialog models
  *
  * @returns Dialog state and functions
  */
 export declare function useDialog(): {
-    addDialog: (props: QDialogProps, id?: string) => string;
+    addDialog: (props: QDialogProps, id?: string, options?: QDialogOptions) => string;
     removeDialog: (id: string) => void;
     dialogs: {
         id: string;
@@ -33,7 +33,7 @@ export declare function useDialog(): {
                     color?: string | undefined;
                 } | undefined;
                 action?: {
-                    (): void;
+                    (value?: string): void;
                 } | undefined;
                 props: {
                     id?: string | undefined;
@@ -63,7 +63,19 @@ export declare function useDialog(): {
             } | undefined;
             size?: import('../../components/QDialog/types.ts').QDialogSize | undefined;
             centerVertically?: boolean | undefined;
+            input?: {
+                type: string;
+                placeholder?: string | undefined;
+                validator?: ((value: string) => string | undefined) | undefined;
+            } | undefined;
         };
+        options?: {
+            input?: {
+                type: string;
+                placeholder?: string | undefined;
+                validator?: ((value: string) => string | undefined) | undefined;
+            } | undefined;
+        } | undefined;
     }[];
 };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useDialog/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AASrE;;;;GAIG;AACH,wBAAgB,SAAS;uBAQE,YAAY,OAAO,MAAM;uBAgBzB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYhC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useDialog/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AASrF;;;;GAIG;AACH,wBAAgB,SAAS;uBASE,YAAY,OAAO,MAAM,YAAY,cAAc;uBAgBnD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAasC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EADvE"}

package/esm/composables/useDialog/index.js

@@ -1,21 +1,21 @@
-import { reactive as s } from "vue";
-import { useId as a } from "../uid.js";
-const d = s({ dialogs: [] });
-function c() {
-  function t(n, i) {
-    const o = a(i);
-    return d.dialogs.push({ id: o, props: n }), o;
+import { reactive as a } from "vue";
+import { useId as r } from "../uid.js";
+const o = a({ dialogs: [] });
+function g() {
+  function e(d, i, n) {
+    const t = r(i);
+    return o.dialogs.push({ id: t, props: d, options: n }), t;
   }
-  function e(n) {
-    const i = d.dialogs.findIndex((o) => o.id === n);
-    i !== -1 && d.dialogs.splice(i, 1);
+  function s(d) {
+    const i = o.dialogs.findIndex((n) => n.id === d);
+    i !== -1 && o.dialogs.splice(i, 1);
   }
   return {
-    ...d,
-    addDialog: t,
-    removeDialog: e
+    ...o,
+    addDialog: e,
+    removeDialog: s
   };
 }
 export {
-  c as useDialog
+  g as useDialog
 };