@quidgest/ui 0.16.58 → 0.16.60

package/dist/ui.scss

@@ -1,9 +1,10 @@
 /*!
- * Quidgest UI v0.16.58
+ * Quidgest UI v0.16.60
  * (c) 2026 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
 @use 'sass:math';
+@use 'sass:map';
 
 *,
 ::before,
@@ -1990,7 +1991,7 @@ $q-carousel-height-md: 300px;
 .q-col-auto {
   flex: 0 0 auto;
   width: auto;
-  max-width: none;
+  max-width: 100%;
 }
 @mixin generate-cols($infix: '') {
   @for $i from 1 through 12 {
@@ -2017,9 +2018,6 @@ $q-carousel-height-md: 300px;
 @media (min-width: $breakpoint-xxl) {
   @include generate-cols('-xxl');
 }
-.q-spacer {
-  flex: 1 1 0;
-}
 .q-group-box {
   $this: &;
   display: inline-block;
@@ -3559,3 +3557,111 @@ $q-toast-slide-distance: clamp(1rem, 3vw, 1.5rem) !default;
     max-width: 200px;
   }
 }
+
+.q-spacer {
+  flex: 1 1 0;
+}
+$q-spacers: (
+  0: 0,
+  1: $space-base * 0.25,
+  2: $space-base * 0.5,
+  3: $space-base,
+  4: $space-base * 1.5,
+  5: $space-base * 3
+) !default;
+$q-breakpoints: (
+  sm: $breakpoint-sm,
+  md: $breakpoint-md,
+  lg: $breakpoint-lg,
+  xl: $breakpoint-xl,
+  xxl: $breakpoint-xxl
+) !default;
+$q-spacing-sides: (
+  null: '',
+  
+  t: 't',
+  
+  b: 'b',
+  
+  l: 'l',
+  
+  r: 'r',
+  
+  x: 'x',
+  
+  y: 'y' 
+) !default;
+@mixin q-media-up($breakpoint) {
+  $value: map.get($q-breakpoints, $breakpoint);
+  @if $value {
+    @media (min-width: $value) {
+      @content;
+    }
+  } @else {
+    @warn "Breakpoint `#{$breakpoint}` not found in $q-breakpoints.";
+  }
+}
+@mixin q-emit-spacing($property, $side, $value) {
+  @if not $side {
+    #{$property}: $value;
+  } @else if $side == t {
+    #{$property}-top: $value;
+  } @else if $side == b {
+    #{$property}-bottom: $value;
+  } @else if $side == l {
+    #{$property}-left: $value;
+  } @else if $side == r {
+    #{$property}-right: $value;
+  } @else if $side == x {
+    #{$property}-left: $value;
+    #{$property}-right: $value;
+  } @else if $side == y {
+    #{$property}-top: $value;
+    #{$property}-bottom: $value;
+  } @else {
+    @warn "Unknown side `#{$side}` used for spacing generation.";
+  }
+}
+@mixin q-generate-responsive-spacing($property, $short) {
+  
+  @each $size, $length in $q-spacers {
+    @each $sideKey, $sideSuffix in $q-spacing-sides {
+      .q-#{$short}#{$sideSuffix}-#{$size} {
+        @include q-emit-spacing($property, $sideKey, $length);
+      }
+    }
+  }
+  
+  @each $breakpoint, $bpValue in $q-breakpoints {
+    @include q-media-up($breakpoint) {
+      @each $size, $length in $q-spacers {
+        @each $sideKey, $sideSuffix in $q-spacing-sides {
+          .q-#{$short}#{$sideSuffix}-#{$breakpoint}-#{$size} {
+            @include q-emit-spacing($property, $sideKey, $length);
+          }
+        }
+      }
+    }
+  }
+}
+@mixin q-generate-margin-auto() {
+  
+  @each $sideKey, $sideSuffix in $q-spacing-sides {
+    .q-m#{$sideSuffix}-auto {
+      @include q-emit-spacing(margin, $sideKey, auto);
+    }
+  }
+  
+  @each $breakpoint, $bpValue in $q-breakpoints {
+    @include q-media-up($breakpoint) {
+      @each $sideKey, $sideSuffix in $q-spacing-sides {
+        .q-m#{$sideSuffix}-#{$breakpoint}-auto {
+          @include q-emit-spacing(margin, $sideKey, auto);
+        }
+      }
+    }
+  }
+}
+@include q-generate-responsive-spacing(margin, m);
+@include q-generate-responsive-spacing(padding, p);
+@include q-generate-margin-auto;

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

@@ -147,6 +147,18 @@ export type DialogButton = {
     props: QButtonProps;
 };
 export type QDialogOptions = {
+    /**
+     * The size category of the dialog.
+     *
+     * @category Presentation
+     */
+    size?: QDialogSize;
+    /**
+     * True if the dialog window can be closed, false otherwise.
+     *
+     * @category Behavior
+     */
+    dismissible?: boolean;
     /**
      * Options for input control to add.
      */
@@ -174,4 +186,18 @@ export type QDialogProviderProps = {
      */
     inline?: boolean;
 };
+export type QDialogHandlers = {
+    /**
+     * Handler for 'enter' event.
+     *
+     * @category Behavior
+     */
+    onEnter: () => void;
+    /**
+     * Handler for 'leave' event.
+     *
+     * @category Behavior
+     */
+    onLeave: () => boolean | void;
+};
 //# sourceMappingURL=types.d.ts.map

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,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AAEjE,MAAM,MAAM,YAAY,GAAG,mBAAmB,GAAG;IAChD;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;;;OAIG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IAExB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,WAAW,CAAA;IAElB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAE1B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,IAAI,CAAA;IAE1C;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAE/B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAEnC;;;;;OAKG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAA;IAEjC;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;;;OAIG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAA;IAE1B;;;;OAIG;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,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;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AAEjE,MAAM,MAAM,YAAY,GAAG,mBAAmB,GAAG;IAChD;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;;;OAIG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IAExB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,WAAW,CAAA;IAElB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAE1B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,IAAI,CAAA;IAE1C;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAE/B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAEnC;;;;;OAKG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAA;IAEjC;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;;;OAIG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAA;IAE1B;;;;OAIG;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,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;;;;OAIG;IACH,IAAI,CAAC,EAAE,WAAW,CAAA;IAElB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;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;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC7B;;;;OAIG;IACH,OAAO,EAAE,MAAM,IAAI,CAAA;IAEnB;;;;OAIG;IACH,OAAO,EAAE,MAAM,OAAO,GAAG,IAAI,CAAA;CAC7B,CAAA"}

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

@@ -1,11 +1,11 @@
-import { QDialogProps, QDialogOptions } from '../../components/QDialog/types.ts';
+import { QDialogProps, QDialogOptions, QDialogHandlers } from '../../components/QDialog/types.ts';
 /**
  * Manager for dialog models
  *
  * @returns Dialog state and functions
  */
 export declare function useDialog(): {
-    addDialog: (props: QDialogProps, id?: string, options?: QDialogOptions) => string;
+    addDialog: (props: QDialogProps, id?: string, options?: QDialogOptions, handlers?: QDialogHandlers) => string;
     removeDialog: (id: string) => void;
     dialogs: {
         id: string;
@@ -76,12 +76,18 @@ export declare function useDialog(): {
             } | undefined;
         };
         options?: {
+            size?: import('../../components/index.ts').QDialogSize | undefined;
+            dismissible?: boolean | undefined;
             input?: {
                 type: string;
                 placeholder?: string | undefined;
                 validator?: ((value: string) => string | undefined) | undefined;
             } | undefined;
         } | undefined;
+        handlers?: {
+            onEnter: () => void;
+            onLeave: () => boolean | void;
+        } | 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,cAAc,EAAE,MAAM,mCAAmC,CAAA;AASrF;;;;GAIG;AACH,wBAAgB,SAAS;uBASE,YAAY,OAAO,MAAM,YAAY,cAAc;uBAgBnD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAas4C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EADv6C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useDialog/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACX,YAAY,EACZ,cAAc,EACd,eAAe,EACf,MAAM,mCAAmC,CAAA;AAS1C;;;;GAIG;AACH,wBAAgB,SAAS;uBAWhB,YAAY,OACd,MAAM,YACD,cAAc,aACb,eAAe;uBAyBD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAmBm7B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EADp9B"}

package/esm/composables/useDialog/index.js

@@ -1,21 +1,28 @@
-import { reactive as r } from "vue";
-import { useId as s } from "../uid.js";
-const i = r({ dialogs: [] });
-function c() {
-  function n(e, o, d) {
-    const t = s(o).value;
-    return i.dialogs.push({ id: t, props: { ...e, modelValue: !0 }, options: d }), t;
+import { reactive as s } from "vue";
+import { useId as g } from "../uid.js";
+const t = s({ dialogs: [] });
+function m() {
+  function r(n, e, u, o) {
+    const i = g(e).value;
+    return t.dialogs.push({
+      id: i,
+      props: { ...n, modelValue: !0 },
+      options: u,
+      handlers: o
+    }), o != null && o.onEnter && o.onEnter(), i;
   }
-  function a(e) {
-    const o = i.dialogs.findIndex((d) => d.id === e);
-    o !== -1 && i.dialogs.splice(o, 1);
+  function a(n) {
+    var o, i, d;
+    const e = t.dialogs.findIndex((l) => l.id === n);
+    if (e === -1) return;
+    (((d = (i = (o = t.dialogs[e]) == null ? void 0 : o.handlers) == null ? void 0 : i.onLeave) == null ? void 0 : d.call(i)) ?? !0) && t.dialogs.splice(e, 1);
   }
   return {
-    ...i,
-    addDialog: n,
+    ...t,
+    addDialog: r,
     removeDialog: a
   };
 }
 export {
-  c as useDialog
+  m as useDialog
 };

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

@@ -1,4 +1,4 @@
-import { QDialogProps, QDialogOptions } from '../../components/QDialog/types.ts';
+import { QDialogProps, QDialogOptions, QDialogHandlers } from '../../components/QDialog/types.ts';
 /**
  * Represents an instance of a dialog component.
  */
@@ -15,6 +15,10 @@ export type DialogInstance = {
      * The options applied to the dialog, conforming to `QDialogOptions`.
      */
     options?: QDialogOptions;
+    /**
+     * Event handlers, conforming to `QDialogHandlers`.
+     */
+    handlers?: QDialogHandlers;
 };
 /**
  * Represents the state for dialog management.

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,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAErF;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC5B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,KAAK,EAAE,YAAY,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAA;CACxB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG;IACzB;;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,EACX,YAAY,EACZ,cAAc,EACd,eAAe,EACf,MAAM,mCAAmC,CAAA;AAE1C;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC5B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,KAAK,EAAE,YAAY,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAA;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAA;CAC1B,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG;IACzB;;OAEG;IACH,OAAO,EAAE,cAAc,EAAE,CAAA;CACzB,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quidgest/ui",
   "description": "Quidgest's UI framework",
-  "version": "0.16.58",
+  "version": "0.16.60",
   "private": false,
   "type": "module",
   "author": "Quidgest",