@quidgest/ui 0.7.14 → 0.7.16

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

@@ -521,16 +521,6 @@ body *::-webkit-scrollbar-track {
   height: 1em;
 }
 
-.q-input-group {
-  display: flex;
-  align-items: flex-end;
-  height: auto;
-  border-width: 0;
-  padding: 0;
-}
-.q-input-group:focus-within {
-  outline: none;
-}
 .q-input-group__prepend > :first-child {
   border-top-left-radius: 0.25rem;
   border-bottom-left-radius: 0.25rem;
@@ -565,18 +555,28 @@ body *::-webkit-scrollbar-track {
 .q-input-group__prepend > * + *, .q-input-group__append > * + * {
   margin-left: -1px;
 }
-.q-input-group > * {
+.q-input-group > .q-field__control {
+  display: flex;
+  align-items: flex-end;
+  height: auto;
+  border-width: 0;
+  padding: 0;
+}
+.q-input-group > .q-field__control:focus-within {
+  outline: none;
+}
+.q-input-group > .q-field__control > * {
   border-radius: 0;
 }
-.q-input-group > :first-child {
+.q-input-group > .q-field__control > :first-child {
   border-top-left-radius: 0.25rem;
   border-bottom-left-radius: 0.25rem;
 }
-.q-input-group > :last-child {
+.q-input-group > .q-field__control > :last-child {
   border-top-right-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
 }
-.q-input-group > * + * {
+.q-input-group > .q-field__control > * + * {
   margin-left: -1px;
 }
 
@@ -690,10 +690,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 +713,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 {