@quidgest/ui 0.14.14 → 0.14.16

package/esm/components/QDropdownMenu/QDropdownMenu.vue.js

@@ -1,16 +1,17 @@
-import { defineComponent as u, mergeModels as n, useModel as c, createBlock as p, openBlock as d, mergeProps as f } from "vue";
+import { defineComponent as u, mergeModels as n, useModel as c, createBlock as d, openBlock as p, mergeProps as f } from "vue";
 import V from "./QDropdownMenuContent.vue.js";
 const _ = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "QDropdownMenu",
   props: /* @__PURE__ */ n({
+    id: {},
+    class: {},
     activator: {},
     appearance: {},
     inline: { type: Boolean },
     delay: {},
     placement: {},
     transition: {},
-    class: {},
     items: {},
     groups: {},
     itemValue: {},
@@ -26,7 +27,7 @@ const _ = /* @__PURE__ */ u({
     function i(t) {
       s("select", t);
     }
-    return (t, l) => (d(), p(V, f(m, {
+    return (t, l) => (p(), d(V, f(m, {
       modelValue: o.value,
       "onUpdate:modelValue": l[0] || (l[0] = (r) => o.value = r),
       onSelect: i

package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts

@@ -20,16 +20,17 @@ declare function __VLS_template(): {
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly modelValue?: any;
+                readonly modelValue?: Primitive | undefined;
+                readonly id?: string | undefined;
+                readonly class?: string | unknown[] | undefined;
                 readonly highlighted?: Primitive | undefined;
-                readonly items: import('../QList/types').Item[];
+                readonly items?: import('../QList/types').Item[] | undefined;
                 readonly groups?: import('../QList/types').Group[] | undefined;
                 readonly itemValue?: string | undefined;
                 readonly itemLabel?: string | undefined;
                 readonly disabled?: boolean | undefined;
-                readonly class?: string | unknown[] | undefined;
                 readonly selectable?: boolean | undefined;
-                readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+                readonly "onUpdate:modelValue"?: ((value: Primitive) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
@@ -110,12 +111,20 @@ declare function __VLS_template(): {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: (event: "update:modelValue", value: any) => void;
+            $emit: (event: "update:modelValue", value: Primitive) => void;
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<{
-                modelValue?: any;
-            } & import('../QList').QListProps> & Readonly<{
-                "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+                modelValue?: Primitive;
+            } & import('../../types/component').QBaseComponentProps & {
+                highlighted?: Primitive;
+                items?: import('../QList/types').Item[];
+                groups?: import('../QList/types').Group[];
+                itemValue?: string;
+                itemLabel?: string;
+                disabled?: boolean;
+                selectable?: boolean;
+            }> & Readonly<{
+                "onUpdate:modelValue"?: ((value: Primitive) => any) | undefined;
             }>, {
                 focusItem: (itemIdx: number, preventScroll?: boolean) => void;
                 getItem: (idx: number) => HTMLElement | undefined;
@@ -123,7 +132,7 @@ declare function __VLS_template(): {
                 getFirstFocusableItemIndex: () => number;
                 getLastFocusableItemIndex: () => number;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                "update:modelValue": (value: any) => any;
+                "update:modelValue": (value: Primitive) => any;
             }, string, {
                 groups: import('../QList/types').Group[];
                 itemValue: string;
@@ -153,9 +162,17 @@ declare function __VLS_template(): {
             itemValue: string;
             itemLabel: string;
         }> & Omit<Readonly<{
-            modelValue?: any;
-        } & import('../QList').QListProps> & Readonly<{
-            "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+            modelValue?: Primitive;
+        } & import('../../types/component').QBaseComponentProps & {
+            highlighted?: Primitive;
+            items?: import('../QList/types').Item[];
+            groups?: import('../QList/types').Group[];
+            itemValue?: string;
+            itemLabel?: string;
+            disabled?: boolean;
+            selectable?: boolean;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: Primitive) => any) | undefined;
         }>, "focusItem" | "getItem" | "getAdjacentItemIndex" | "getFirstFocusableItemIndex" | "getLastFocusableItemIndex" | ("groups" | "itemValue" | "itemLabel")> & import('vue').ShallowUnwrapRef<{
             focusItem: (itemIdx: number, preventScroll?: boolean) => void;
             getItem: (idx: number) => HTMLElement | undefined;
@@ -183,11 +200,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 } & {
     select: (item: Primitive | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onSelect?: ((item: Primitive | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     transition: string;
     icons: typeof DEFAULT_ICONS;
+    placement: import('../../composables/overlay').Placement;
     groups: import('./types').QDropdownMenuGroupProps[];
     itemValue: string;
     itemLabel: string;
@@ -195,7 +213,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     delay: number;
     offset: number;
     crossOffset: number;
-    placement: import('../../composables/overlay').Placement;
     trigger: import('../../composables/overlay').Trigger;
     depth: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
@@ -204,16 +221,17 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
-            readonly modelValue?: any;
+            readonly modelValue?: Primitive | undefined;
+            readonly id?: string | undefined;
+            readonly class?: string | unknown[] | undefined;
             readonly highlighted?: Primitive | undefined;
-            readonly items: import('../QList/types').Item[];
+            readonly items?: import('../QList/types').Item[] | undefined;
             readonly groups?: import('../QList/types').Group[] | undefined;
             readonly itemValue?: string | undefined;
             readonly itemLabel?: string | undefined;
             readonly disabled?: boolean | undefined;
-            readonly class?: string | unknown[] | undefined;
             readonly selectable?: boolean | undefined;
-            readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((value: Primitive) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;
@@ -294,12 +312,20 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $root: import('vue').ComponentPublicInstance | null;
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: (event: "update:modelValue", value: any) => void;
+        $emit: (event: "update:modelValue", value: Primitive) => void;
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<{
-            modelValue?: any;
-        } & import('../QList').QListProps> & Readonly<{
-            "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+            modelValue?: Primitive;
+        } & import('../../types/component').QBaseComponentProps & {
+            highlighted?: Primitive;
+            items?: import('../QList/types').Item[];
+            groups?: import('../QList/types').Group[];
+            itemValue?: string;
+            itemLabel?: string;
+            disabled?: boolean;
+            selectable?: boolean;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: Primitive) => any) | undefined;
         }>, {
             focusItem: (itemIdx: number, preventScroll?: boolean) => void;
             getItem: (idx: number) => HTMLElement | undefined;
@@ -307,7 +333,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             getFirstFocusableItemIndex: () => number;
             getLastFocusableItemIndex: () => number;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            "update:modelValue": (value: any) => any;
+            "update:modelValue": (value: Primitive) => any;
         }, string, {
             groups: import('../QList/types').Group[];
             itemValue: string;
@@ -337,9 +363,17 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         itemValue: string;
         itemLabel: string;
     }> & Omit<Readonly<{
-        modelValue?: any;
-    } & import('../QList').QListProps> & Readonly<{
-        "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+        modelValue?: Primitive;
+    } & import('../../types/component').QBaseComponentProps & {
+        highlighted?: Primitive;
+        items?: import('../QList/types').Item[];
+        groups?: import('../QList/types').Group[];
+        itemValue?: string;
+        itemLabel?: string;
+        disabled?: boolean;
+        selectable?: boolean;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: Primitive) => any) | undefined;
     }>, "focusItem" | "getItem" | "getAdjacentItemIndex" | "getFirstFocusableItemIndex" | "getLastFocusableItemIndex" | ("groups" | "itemValue" | "itemLabel")> & import('vue').ShallowUnwrapRef<{
         focusItem: (itemIdx: number, preventScroll?: boolean) => void;
         getItem: (idx: number) => HTMLElement | undefined;

package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QDropdownMenuContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/QDropdownMenuContent.vue"],"names":[],"mappings":"AAqDA;AAgNC,OAAO,KAAK,EAAE,yBAAyB,EAA0B,MAAM,SAAS,CAAA;AAChF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAGlD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAGvC,KAAK,WAAW,GAAG,yBAAyB,CAAC;AAyJ9C,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAyIT,OAAO,IAA6B;;;;YAbvB,GAAG;;;YACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAwE6oT,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAvDzyT;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CA+B+pT,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;OArBxyT,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":"QDropdownMenuContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/QDropdownMenuContent.vue"],"names":[],"mappings":"AAsDA;AAmNC,OAAO,KAAK,EAAE,yBAAyB,EAA0B,MAAM,SAAS,CAAA;AAChF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAGlD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAGvC,KAAK,WAAW,GAAG,yBAAyB,CAAC;AA2J9C,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA2IT,OAAO,IAA6B;;;;YAbvB,GAAG;;;YACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAwEohT,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAvDhrT;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CA+BsiT,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OArB/qT,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/QDropdownMenu/QDropdownMenuContent.vue.js

@@ -1,25 +1,26 @@
-import { defineComponent as B, mergeModels as v, useModel as M, ref as l, computed as g, createBlock as T, openBlock as h, unref as y, normalizeClass as N, withCtx as f, createElementVNode as R, withModifiers as S, createVNode as U, renderSlot as w, createElementBlock as $, createCommentVNode as A, toDisplayString as F } from "vue";
-import { QList as Q } from "../QList/index.js";
-import { QOverlay as q } from "../QOverlay/index.js";
-import { DEFAULT_ICONS as z } from "./types.js";
-const K = {
+import { defineComponent as T, mergeModels as h, useModel as N, ref as i, computed as y, createBlock as R, openBlock as w, unref as k, normalizeClass as S, withCtx as d, createElementVNode as U, withModifiers as $, createVNode as A, renderSlot as _, createElementBlock as F, createCommentVNode as Q, toDisplayString as q } from "vue";
+import { QList as z } from "../QList/index.js";
+import { QOverlay as K } from "../QOverlay/index.js";
+import { DEFAULT_ICONS as H } from "./types.js";
+const P = {
   key: 0,
   class: "q-dropdown-menu__extra"
-}, G = /* @__PURE__ */ B({
+}, X = /* @__PURE__ */ T({
   __name: "QDropdownMenuContent",
-  props: /* @__PURE__ */ v({
+  props: /* @__PURE__ */ h({
+    id: {},
+    class: {},
     activator: {},
     appearance: { default: "regular" },
     inline: { type: Boolean },
     delay: { default: 500 },
     placement: { default: "right-start" },
     transition: { default: "fade" },
-    class: {},
     items: {},
     groups: { default: () => [] },
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
-    icons: { default: () => z },
+    icons: { default: () => H },
     trigger: { default: "click" },
     offset: { default: 0 },
     crossOffset: { default: -5 },
@@ -28,111 +29,115 @@ const K = {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ v(["select"], ["update:modelValue"]),
-  setup(d, { emit: k }) {
-    const e = d, _ = k, a = M(d, "modelValue"), s = l(void 0), c = l([]), r = l(""), b = g(() => e.depth !== 0 ? e.offset : 4), L = g(() => e.depth !== 0 ? e.crossOffset : void 0);
-    let m;
-    const u = l(null), p = l(null);
-    function V(t) {
-      s.value = t;
-      const o = e.items.find((n) => n[e.itemValue] === t);
-      o && (c.value = (o == null ? void 0 : o.items) ?? []), c.value.length || (_("select", t), s.value = void 0, i());
+  emits: /* @__PURE__ */ h(["select"], ["update:modelValue"]),
+  setup(c, { emit: b }) {
+    const e = c, L = b, a = N(c, "modelValue"), r = i(void 0), m = i([]), u = i(""), V = y(() => e.depth !== 0 ? e.offset : 4), C = y(() => e.depth !== 0 ? e.crossOffset : void 0);
+    let p;
+    const f = i(null), v = i(null);
+    function E(t) {
+      var n;
+      r.value = t;
+      const o = (n = e.items) == null ? void 0 : n.find((l) => l[e.itemValue] === t);
+      o && (m.value = (o == null ? void 0 : o.items) ?? []), m.value.length || (L("select", t), r.value = void 0, s());
     }
-    function C() {
+    function I() {
       a.value || (a.value = !0);
     }
-    function i() {
+    function s() {
       a.value && (a.value = !1);
     }
-    function E() {
-      a.value ? i() : C();
+    function D() {
+      a.value ? s() : I();
     }
-    function I(t) {
+    function O(t) {
+      var o;
       if (t.key) {
-        if (window.clearTimeout(m), ["Escape", "Tab", "Delete"].includes(t.key)) {
-          i();
+        if (window.clearTimeout(p), ["Escape", "Tab", "Delete"].includes(t.key)) {
+          s();
           return;
         }
         if (["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(t.key) && (t.preventDefault(), t.stopPropagation()), /^[a-z]$/i.test(t.key)) {
-          r.value += t.key.toLowerCase();
-          for (let o = 0; o < e.items.length; o++) {
-            const n = e.items[o];
-            if (n[e.itemLabel] && n[e.itemLabel].toLowerCase().startsWith(r.value)) {
-              x(o);
+          u.value += t.key.toLowerCase();
+          const n = ((o = e.items) == null ? void 0 : o.length) || 0;
+          for (let l = 0; l < n; l++) {
+            const g = e.items[l];
+            if (g[e.itemLabel] && g[e.itemLabel].toLowerCase().startsWith(u.value)) {
+              M(l);
               break;
             }
           }
         }
-        m = window.setTimeout(function() {
-          r.value = "";
+        p = window.setTimeout(function() {
+          u.value = "";
         }, 500);
       }
     }
-    function D(t) {
+    function x(t) {
       var o;
-      (o = p.value) != null && o.contains(t.relatedTarget) || i();
+      (o = v.value) != null && o.contains(t.relatedTarget) || s();
     }
-    function O() {
+    function B() {
       var t;
-      (t = u.value) == null || t.$el.focus();
+      (t = f.value) == null || t.$el.focus();
     }
-    function x(t) {
+    function M(t) {
       var o;
-      (o = u.value) == null || o.focusItem(t);
+      (o = f.value) == null || o.focusItem(t);
     }
-    return (t, o) => (h(), T(y(q), {
+    return (t, o) => (w(), R(k(K), {
+      id: e.id,
       "model-value": a.value,
       anchor: e.activator,
       appearance: e.appearance,
       inline: e.inline,
       delay: e.delay,
-      offset: b.value,
-      "cross-offset": L.value,
+      offset: V.value,
+      "cross-offset": C.value,
       placement: e.placement,
       transition: e.transition,
-      class: N(e.class),
+      class: S(e.class),
       trigger: e.trigger,
       "non-modal": "",
       "scroll-lock": "",
       persistent: "",
-      "onUpdate:modelValue": E,
-      onEnter: O
+      "onUpdate:modelValue": D,
+      onEnter: B
     }, {
-      default: f(() => [
-        R(
+      default: d(() => [
+        U(
           "div",
           {
             ref_key: "contentRef",
-            ref: p,
+            ref: v,
             "data-testid": "dropdown-content",
             tabindex: "-1",
-            onFocusout: D,
-            onKeydown: S(I, ["stop"])
+            onFocusout: x,
+            onKeydown: $(O, ["stop"])
           },
           [
-            U(y(Q), {
+            A(k(z), {
               ref_key: "listRef",
-              ref: u,
+              ref: f,
               class: "q-dropdown-menu__items",
-              highlighted: s.value,
+              highlighted: r.value,
               items: e.items,
               groups: e.groups,
               "item-label": e.itemLabel,
               "item-value": e.itemValue,
-              "onUpdate:modelValue": V
+              "onUpdate:modelValue": E
             }, {
-              item: f(({ item: n }) => [
-                w(t.$slots, "item", { item: n })
+              item: d(({ item: n }) => [
+                _(t.$slots, "item", { item: n })
               ]),
-              "item.append": f(({ item: n }) => [
-                w(t.$slots, "item.append", { item: n }, () => [
-                  n.extraInfo ? (h(), $(
+              "item.append": d(({ item: n }) => [
+                _(t.$slots, "item.append", { item: n }, () => [
+                  n.extraInfo ? (w(), F(
                     "span",
-                    K,
-                    F(n.extraInfo),
+                    P,
+                    q(n.extraInfo),
                     1
                     /* TEXT */
-                  )) : A("v-if", !0)
+                  )) : Q("v-if", !0)
                 ])
               ]),
               _: 3
@@ -145,9 +150,9 @@ const K = {
       ]),
       _: 3
       /* FORWARDED */
-    }, 8, ["model-value", "anchor", "appearance", "inline", "delay", "offset", "cross-offset", "placement", "transition", "class", "trigger"]));
+    }, 8, ["id", "model-value", "anchor", "appearance", "inline", "delay", "offset", "cross-offset", "placement", "transition", "class", "trigger"]));
   }
 });
 export {
-  G as default
+  X as default
 };

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

@@ -1,14 +1,38 @@
 declare const QDropdownMenu: import('vue').DefineComponent<{
     modelValue?: boolean;
-} & import('./types').QDropdownMenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+} & import('../../types/component').QBaseComponentProps & {
+    activator?: import('../../utils/getElement').Selector;
+    appearance?: import('../../composables/overlay').Appearance;
+    inline?: boolean;
+    delay?: number;
+    placement?: import('../../composables/overlay').Placement;
+    transition?: string;
+    items?: import('./types').QDropdownMenuItemProps[];
+    groups?: import('./types').QDropdownMenuGroupProps[];
+    itemValue?: string;
+    itemLabel?: string;
+    icons?: typeof import('./types').DEFAULT_ICONS;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 } & {
     select: (item: import('../../types/primitive').Primitive | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<{
     modelValue?: boolean;
-} & import('./types').QDropdownMenuProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+} & import('../../types/component').QBaseComponentProps & {
+    activator?: import('../../utils/getElement').Selector;
+    appearance?: import('../../composables/overlay').Appearance;
+    inline?: boolean;
+    delay?: number;
+    placement?: import('../../composables/overlay').Placement;
+    transition?: string;
+    items?: import('./types').QDropdownMenuItemProps[];
+    groups?: import('./types').QDropdownMenuGroupProps[];
+    itemValue?: string;
+    itemLabel?: string;
+    icons?: typeof import('./types').DEFAULT_ICONS;
+}> & Readonly<{
     onSelect?: ((item: import('../../types/primitive').Primitive | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export { QDropdownMenu };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,aAAa;;;;;;;;;;;kFAAkC,CAAA;AAGrD,OAAO,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kFAAkC,CAAA;AAGrD,OAAO,EAAE,aAAa,EAAE,CAAA"}

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

@@ -1,7 +1,8 @@
 import { QListItemGroupProps, QListItemProps } from '../QList';
 import { Appearance, Placement, Trigger } from '../../composables/overlay';
 import { Selector } from '../../utils/getElement';
-export type QDropdownMenuProps = {
+import { QBaseComponentProps } from '../../types/component';
+export type QDropdownMenuProps = QBaseComponentProps & {
     /**
      * The DOM element used to activate the dropdown menu.
      */
@@ -28,14 +29,10 @@ export type QDropdownMenuProps = {
      * The name of the transition to apply.
      */
     transition?: string;
-    /**
-     * Custom set of classes to apply to the component.
-     */
-    class?: string | unknown[];
     /**
      * The list of available items for selection.
      */
-    items: QDropdownMenuItemProps[];
+    items?: QDropdownMenuItemProps[];
     /**
      * The item groups used for organizing the available items.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/types.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC7E,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC3E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAElD,MAAM,MAAM,kBAAkB,GAAG;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAA;IAEpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAE1B;;OAEG;IACH,KAAK,EAAE,sBAAsB,EAAE,CAAA;IAE/B;;OAEG;IACH,MAAM,CAAC,EAAE,uBAAuB,EAAE,CAAA;IAElC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG,kBAAkB,GAAG;IAC5D;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;IAC9E;;OAEG;IACH,KAAK,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAEhC;;OAEG;IACH,MAAM,CAAC,EAAE,uBAAuB,EAAE,CAAA;IAIlC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,mBAAmB,GAAG;IAC3D;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAGD,eAAO,MAAM,aAAa;;;;CAIM,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/types.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC7E,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC3E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,GAAG;IACtD;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAA;IAEpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAEhC;;OAEG;IACH,MAAM,CAAC,EAAE,uBAAuB,EAAE,CAAA;IAElC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG,kBAAkB,GAAG;IAC5D;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;IAC9E;;OAEG;IACH,KAAK,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAEhC;;OAEG;IACH,MAAM,CAAC,EAAE,uBAAuB,EAAE,CAAA;IAIlC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,mBAAmB,GAAG;IAC3D;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAGD,eAAO,MAAM,aAAa;;;;CAIM,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"QField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QField/QField.vue"],"names":[],"mappings":"AA+CA;AA8EC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAkC3C,iBAAS,cAAc;WAoFT,OAAO,IAA6B;;iCAlBb,GAAG;gCACJ,GAAG;yBACV,GAAG;yBACH,GAAG;yBACH,GAAG;wBACJ,GAAG;wBACH,GAAG;;;;;;EAiB9B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;OASnB,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":"QField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QField/QField.vue"],"names":[],"mappings":"AAsCA;AA8EC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AA2C3C,iBAAS,cAAc;WA2ET,OAAO,IAA6B;;iCAlBb,GAAG;gCACJ,GAAG;yBACV,GAAG;yBACH,GAAG;yBACH,GAAG;wBACJ,GAAG;wBACH,GAAG;;;;;;EAiB9B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;OASnB,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/QField/QField.vue.js

@@ -1,68 +1,67 @@
-import { defineComponent as c, ref as u, computed as _, createElementBlock as o, openBlock as d, normalizeClass as m, unref as q, createCommentVNode as i, renderSlot as l, createElementVNode as t, toDisplayString as y, mergeProps as $ } from "vue";
-import { useId as b } from "../../composables/uid.js";
-const v = ["id"], h = {
+import { defineComponent as u, ref as _, computed as r, createElementBlock as o, openBlock as d, normalizeClass as m, createCommentVNode as i, renderSlot as l, createElementVNode as a, toDisplayString as q, mergeProps as y } from "vue";
+const v = ["id"], $ = {
   key: 0,
   class: "q-field__label"
-}, k = ["for"], B = {
+}, b = ["for"], h = {
   key: 0,
   class: "q-field__prepend"
-}, z = {
+}, k = {
   key: 1,
   class: "q-field__append"
-}, C = {
+}, B = {
   key: 1,
   class: "q-field__extras"
-}, N = /* @__PURE__ */ c({
+}, R = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "QField",
   props: {
     id: {},
+    class: {},
     label: {},
     for: {},
     size: { default: "medium" },
     readonly: { type: Boolean },
     disabled: { type: Boolean },
-    required: { type: Boolean },
-    class: {}
+    required: { type: Boolean }
   },
-  setup(a, { expose: n }) {
-    const e = a, f = b(e.id), r = u(null), p = _(() => e.required && !e.readonly && !e.disabled);
-    return n({
-      fieldRef: r
-    }), (s, R) => (d(), o("div", {
-      id: q(f),
-      class: m([
-        "q-field",
-        `q-field--${e.size}`,
-        {
-          "q-field--readonly": e.readonly,
-          "q-field--disabled": e.disabled,
-          "q-field--required": p.value
-        },
-        e.class
-      ])
+  setup(n, { expose: f }) {
+    const e = n, t = _(null), p = r(() => e.required && !e.readonly && !e.disabled), c = r(() => [
+      "q-field",
+      `q-field--${e.size}`,
+      {
+        "q-field--readonly": e.readonly,
+        "q-field--disabled": e.disabled,
+        "q-field--required": p.value
+      },
+      e.class
+    ]);
+    return f({
+      fieldRef: t
+    }), (s, z) => (d(), o("div", {
+      id: e.id,
+      class: m(c.value)
     }, [
-      e.label ? (d(), o("div", h, [
+      e.label ? (d(), o("div", $, [
         l(s.$slots, "label.prepend"),
-        t("label", {
+        a("label", {
           for: e.for
-        }, y(e.label), 9, k),
+        }, q(e.label), 9, b),
         l(s.$slots, "label.append")
       ])) : i("v-if", !0),
       l(s.$slots, "control", {}, () => [
-        t(
+        a(
           "div",
-          $({
+          y({
             ref_key: "fieldRef",
-            ref: r,
+            ref: t,
             class: "q-field__control"
           }, s.$attrs),
           [
-            s.$slots.prepend ? (d(), o("div", B, [
+            s.$slots.prepend ? (d(), o("div", h, [
               l(s.$slots, "prepend")
             ])) : i("v-if", !0),
             l(s.$slots, "default"),
-            s.$slots.append ? (d(), o("div", z, [
+            s.$slots.append ? (d(), o("div", k, [
               l(s.$slots, "append")
             ])) : i("v-if", !0)
           ],
@@ -70,12 +69,12 @@ const v = ["id"], h = {
           /* FULL_PROPS */
         )
       ]),
-      s.$slots.extras ? (d(), o("div", C, [
+      s.$slots.extras ? (d(), o("div", B, [
         l(s.$slots, "extras")
       ])) : i("v-if", !0)
     ], 10, v));
   }
 });
 export {
-  N as default
+  R as default
 };