@quidgest/ui 0.7.15 → 0.7.17

package/dist/index.d.ts

@@ -450,6 +450,12 @@ declare type __VLS_WithTemplateSlots_13<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_14<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_2<T, S> = T & {
     new (): {
         $slots: S;
@@ -668,6 +674,7 @@ declare const _default_14: __VLS_WithTemplateSlots_9<DefineComponent<__VLS_WithD
 }>;
 
 declare const _default_15: __VLS_WithTemplateSlots_10<DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_15<QOverlayProps>, {
+    anchor: undefined;
     appearance: string;
     attach: string;
     delay: number;
@@ -681,6 +688,7 @@ declare const _default_15: __VLS_WithTemplateSlots_10<DefineComponent<__VLS_With
     enter: () => void;
     leave: () => void;
 }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_13<__VLS_TypePropsToRuntimeProps_15<QOverlayProps>, {
+    anchor: undefined;
     appearance: string;
     attach: string;
     delay: number;
@@ -695,6 +703,7 @@ declare const _default_15: __VLS_WithTemplateSlots_10<DefineComponent<__VLS_With
     onLeave?: (() => any) | undefined;
 }, {
     class: string | unknown[];
+    anchor: Selector;
     transition: string;
     width: "anchor" | "auto";
     appearance: Appearance;
@@ -704,9 +713,6 @@ declare const _default_15: __VLS_WithTemplateSlots_10<DefineComponent<__VLS_With
     placement: Placement;
     trigger: Trigger;
 }, {}>, {
-    trigger?(_: {
-        open: boolean;
-    }): any;
     default?(_: {}): any;
 }>;
 
@@ -888,7 +894,7 @@ declare const _default_17: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_With
         placeholder: string;
     } | undefined;
     /**
-     * TODO.
+     * Custom set of classes to apply to the component.
      */
     class?: string | unknown[] | undefined;
 }>, {
@@ -979,7 +985,7 @@ declare const _default_17: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_With
         placeholder: string;
     } | undefined;
     /**
-     * TODO.
+     * Custom set of classes to apply to the component.
      */
     class?: string | unknown[] | undefined;
 }>, {
@@ -997,10 +1003,10 @@ declare const _default_17: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_With
     class: string;
 }>>> & {
     "onUpdate:modelValue"?: ((value: Primitive | undefined) => any) | undefined;
+    onHide?: (() => any) | undefined;
     "onBefore-show"?: (() => any) | undefined;
     "onBefore-hide"?: (() => any) | undefined;
     onShow?: (() => any) | undefined;
-    onHide?: (() => any) | undefined;
 }, {
     size: QFieldSize;
     class: string | unknown[];
@@ -1093,11 +1099,15 @@ declare const _default_2: __VLS_WithTemplateSlots_2<DefineComponent<__VLS_WithDe
     default?(_: {}): any;
 }>;
 
-declare const _default_20: DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_20<{
+declare const _default_20: __VLS_WithTemplateSlots_14<DefineComponent<__VLS_WithDefaults_18<__VLS_TypePropsToRuntimeProps_20<{
     /**
      * Determines whether the tooltip is open or not.
      */
     modelValue?: boolean | undefined;
+    /**
+     * The tooltip unique identifier.
+     */
+    id?: string | undefined;
     /**
      * The DOM element the tooltip should be anchored to.
      */
@@ -1146,6 +1156,7 @@ declare const _default_20: DefineComponent<__VLS_WithDefaults_18<__VLS_TypeProps
      */
     class?: string | unknown[] | undefined;
 }>, {
+    id: () => string;
     appearance: string;
     arrow: boolean;
     attach: string;
@@ -1159,6 +1170,10 @@ declare const _default_20: DefineComponent<__VLS_WithDefaults_18<__VLS_TypeProps
      * Determines whether the tooltip is open or not.
      */
     modelValue?: boolean | undefined;
+    /**
+     * The tooltip unique identifier.
+     */
+    id?: string | undefined;
     /**
      * The DOM element the tooltip should be anchored to.
      */
@@ -1207,6 +1222,7 @@ declare const _default_20: DefineComponent<__VLS_WithDefaults_18<__VLS_TypeProps
      */
     class?: string | unknown[] | undefined;
 }>, {
+    id: () => string;
     appearance: string;
     arrow: boolean;
     attach: string;
@@ -1218,13 +1234,20 @@ declare const _default_20: DefineComponent<__VLS_WithDefaults_18<__VLS_TypeProps
 }>>>, {
     class: string | unknown[];
     html: boolean;
+    id: string;
     appearance: Appearance;
     arrow: boolean;
     attach: string;
     delay: number;
     placement: Placement;
     trigger: Trigger;
-}, {}>;
+}, {}>, {
+    anchor?(_: {
+        props: {
+            'aria-describedby': string;
+        };
+    }): any;
+}>;
 
 declare const _default_3: __VLS_WithTemplateSlots_3<DefineComponent<__VLS_TypePropsToRuntimeProps_3<QButtonToggleProps>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:modelValue": (value: unknown) => void;
@@ -1506,11 +1529,11 @@ declare const _default_4: __VLS_WithTemplateSlots_4<DefineComponent<__VLS_WithDe
     class: undefined;
 }>>> & {
     "onUpdate:modelValue"?: ((value: Primitive | undefined) => any) | undefined;
+    onHide?: (() => any) | undefined;
     "onUpdate:inputValue"?: ((value: string) => any) | undefined;
     "onBefore-show"?: (() => any) | undefined;
     "onBefore-hide"?: (() => any) | undefined;
     onShow?: (() => any) | undefined;
-    onHide?: (() => any) | undefined;
 }, {
     size: QFieldSize;
     class: string | unknown[];
@@ -2227,7 +2250,7 @@ declare type QOverlayProps = {
     /**
      * The DOM element the overlay should be anchored to.
      */
-    anchor: Selector;
+    anchor?: Selector;
     /**
      * The appearance of the overlay.
      * 'regular' uses body text color for background and body background color for text.
@@ -2243,6 +2266,10 @@ declare type QOverlayProps = {
      * Defaults to the body of the document.
      */
     attach?: string;
+    /**
+     * Applies a backdrop blur effect behind the overlay.
+     */
+    backdropBlur?: boolean;
     /**
      * The delay in milliseconds before showing the overlay.
      */

package/dist/ui.css

@@ -449,14 +449,14 @@ body *::-webkit-scrollbar-track {
 .q-field__control {
   display: flex;
   align-items: center;
-  height: 31.89px;
+  height: inherit;
   width: 100%;
   border-radius: inherit;
   border-width: 1px;
   background-color: transparent;
   padding: 0.26rem 0.25rem;
   font-size: 0.9rem;
-  line-height: 1.5rem;
+  line-height: 1.5;
   transition: color var(--transition-duration) var(--transition-timing-function);
 }
 .q-field__control:focus-within {
@@ -532,7 +532,7 @@ body *::-webkit-scrollbar-track {
 .q-input-group__prepend, .q-input-group__append {
   display: flex;
   align-items: flex-end;
-  height: 31.89px;
+  height: inherit;
 }
 .q-input-group__prepend > *, .q-input-group__append > * {
   border-radius: 0;
@@ -545,7 +545,8 @@ body *::-webkit-scrollbar-track {
   align-items: center;
   justify-content: center;
   text-align: center;
-  padding: 0.25rem 0.5rem;
+  padding: 0.26rem 0.25rem;
+  line-height: 1.5;
   font-size: 0.9rem;
   border-width: 1px;
   background-color: rgb(var(--q-theme-on-background-rgb)/0.1);
@@ -557,7 +558,7 @@ body *::-webkit-scrollbar-track {
 }
 .q-input-group > .q-field__control {
   display: flex;
-  align-items: flex-end;
+  align-items: stretch;
   height: auto;
   border-width: 0;
   padding: 0;
@@ -690,10 +691,18 @@ body *::-webkit-scrollbar-track {
 .q-overlay {
   --q-overlay-bg: var(--q-theme-background);
   --q-overlay-color: var(--q-theme-on-background);
-  --q-overlay-border-color: rgb(var(--q-theme-on-background-rgb) / 0.1);
+  --q-overlay-border-color: #c4c5ca;
   position: absolute;
   z-index: 1070;
 }
+.q-overlay__underlay {
+  position: fixed;
+  inset: 0;
+}
+.q-overlay__underlay--blur {
+  -webkit-backdrop-filter: blur(2px);
+          backdrop-filter: blur(2px);
+}
 .q-overlay__content {
   display: block;
   position: relative;
@@ -705,6 +714,7 @@ body *::-webkit-scrollbar-track {
   background-clip: padding-box;
   border: 1px solid var(--q-overlay-border-color);
   border-radius: 0.25rem;
+  outline: none;
   box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
 }
 .q-overlay__arrow {