@quidgest/ui 0.14.21 → 0.15.0

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

@@ -1 +1 @@
-{"version":3,"file":"QButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/QButton.vue"],"names":[],"mappings":"AAyBA;AA2EC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AA8C5C,iBAAS,cAAc;WAmDT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;2FASnB,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":"QButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/QButton.vue"],"names":[],"mappings":"AAmBA;AAuGC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AA4E5C,iBAAS,cAAc;WA6CT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;2FASnB,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/QButton/QButton.vue.js

@@ -1,88 +1,83 @@
-import { defineComponent as f, computed as s, createElementBlock as o, openBlock as n, withModifiers as y, normalizeClass as v, createCommentVNode as l, createElementVNode as g, createVNode as k, unref as _, renderSlot as q, Fragment as a, createTextVNode as d, toDisplayString as r } from "vue";
-import { QSpinnerLoader as B } from "../QSpinnerLoader/index.js";
-const h = ["id", "disabled"], z = {
+import { defineComponent as q, computed as a, toRef as y, createElementBlock as c, openBlock as u, withModifiers as _, normalizeStyle as C, normalizeClass as k, createCommentVNode as B, createElementVNode as g, createVNode as h, unref as z, renderSlot as V, createTextVNode as $, toDisplayString as N } from "vue";
+import { QSpinnerLoader as P } from "../QSpinnerLoader/index.js";
+import { useColor as S } from "../../composables/useColor/index.js";
+const x = ["id", "disabled"], D = {
   key: 0,
-  class: "q-btn__spinner"
-}, C = { class: "q-btn__content" }, O = /* @__PURE__ */ f({
+  class: "q-button__spinner"
+}, E = { class: "q-button__content" }, H = /* @__PURE__ */ q({
   __name: "QButton",
   props: {
     id: {},
     class: {},
-    active: { type: Boolean },
-    bStyle: { default: "secondary" },
     label: {},
+    variant: { default: "outlined" },
+    color: { default: "primary" },
     disabled: { type: Boolean },
-    iconOnRight: { type: Boolean },
     borderless: { type: Boolean },
     elevated: { type: Boolean },
     block: { type: Boolean },
     loading: { type: Boolean },
-    size: { default: "regular" }
+    size: { default: "regular" },
+    iconPos: { default: "start" },
+    active: { type: Boolean },
+    pill: { type: Boolean }
   },
   emits: ["click"],
-  setup(c, { emit: b }) {
-    const e = c, p = b, i = s(() => e.disabled || e.loading);
-    function u(t) {
-      i.value || p("click", t);
+  setup(d, { emit: b }) {
+    const o = d, p = b, s = a(() => o.disabled || o.loading);
+    function v(e) {
+      s.value || p("click", e);
     }
-    const m = s(() => {
-      const t = e.size !== "regular" ? `q-btn--${e.size}` : void 0;
+    const { isUtilityColor: i, style: n } = S(y(o, "color")), m = a(() => {
+      const e = i.value ? `q-button--${o.color}` : void 0, t = o.size !== "regular" ? `q-button--${o.size}` : void 0, l = o.iconPos !== "start" ? `q-button--icon-${o.iconPos}` : void 0;
       return [
-        "q-btn",
-        `q-btn--${e.bStyle}`,
+        "q-button",
+        `q-button--${o.variant}`,
+        e,
         t,
+        l,
         {
-          "q-btn--active": e.active,
-          "q-btn--borderless": e.borderless,
-          "q-btn--elevated": e.elevated,
-          "q-btn--block": e.block,
-          "q-btn--loading": e.loading
+          "q-button--active": o.active,
+          "q-button--borderless": o.borderless,
+          "q-button--elevated": o.elevated,
+          "q-button--block": o.block,
+          "q-button--loading": o.loading,
+          "q-button--pill": o.pill
         },
-        e.class
+        o.class
       ];
+    }), f = a(() => {
+      var e, t, l, r;
+      if (!i.value)
+        return {
+          "--q-button-main-color": (e = n.value) == null ? void 0 : e.mainColor,
+          "--q-button-on-main-color": (t = n.value) == null ? void 0 : t.onMainColor,
+          "--q-button-hover-color": (l = n.value) == null ? void 0 : l.hoverColor,
+          "--q-button-on-hover-color": (r = n.value) == null ? void 0 : r.onHoverColor
+        };
     });
-    return (t, S) => (n(), o("button", {
-      id: e.id,
+    return (e, t) => (u(), c("button", {
+      id: o.id,
       type: "button",
-      class: v(m.value),
-      disabled: i.value,
-      onClick: y(u, ["stop", "prevent"])
+      class: k(m.value),
+      disabled: s.value,
+      style: C(f.value),
+      onClick: _(v, ["stop", "prevent"])
     }, [
-      t.loading ? (n(), o("div", z, [
-        k(_(B), { size: 20 })
-      ])) : l("v-if", !0),
-      g("span", C, [
-        t.iconOnRight ? (n(), o(
-          a,
-          { key: 0 },
-          [
-            d(
-              r(e.label),
-              1
-              /* TEXT */
-            )
-          ],
-          64
-          /* STABLE_FRAGMENT */
-        )) : l("v-if", !0),
-        q(t.$slots, "default"),
-        t.iconOnRight ? l("v-if", !0) : (n(), o(
-          a,
-          { key: 1 },
-          [
-            d(
-              r(e.label),
-              1
-              /* TEXT */
-            )
-          ],
-          64
-          /* STABLE_FRAGMENT */
-        ))
+      o.loading ? (u(), c("div", D, [
+        h(z(P))
+      ])) : B("v-if", !0),
+      g("span", E, [
+        V(e.$slots, "default"),
+        $(
+          " " + N(o.label),
+          1
+          /* TEXT */
+        )
       ])
-    ], 10, h));
+    ], 14, x));
   }
 });
 export {
-  O as default
+  H as default
 };

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

@@ -6,7 +6,9 @@ declare const QButton: {
         click: (event: Event) => any;
     }, import('vue').PublicProps, {
         size: import('./types').QButtonSize;
-        bStyle: import('./types').QButtonVariant;
+        color: string;
+        variant: import('./types').QButtonVariant;
+        iconPos: import('./types').QButtonIconPosition;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLButtonElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -18,7 +20,9 @@ declare const QButton: {
         onClick?: ((event: Event) => any) | undefined;
     }>, {}, {}, {}, {}, {
         size: import('./types').QButtonSize;
-        bStyle: import('./types').QButtonVariant;
+        color: string;
+        variant: import('./types').QButtonVariant;
+        iconPos: import('./types').QButtonIconPosition;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -29,7 +33,9 @@ declare const QButton: {
     click: (event: Event) => any;
 }, string, {
     size: import('./types').QButtonSize;
-    bStyle: import('./types').QButtonVariant;
+    color: string;
+    variant: import('./types').QButtonVariant;
+    iconPos: import('./types').QButtonIconPosition;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA4B,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,YAAY,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA4B,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,YAAY,EAAE,YAAY,EAAE,CAAA"}

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

@@ -1,27 +1,26 @@
 import { QBaseComponentProps } from '../../types/component';
-export type QButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'plain';
+export type QButtonVariant = 'bold' | 'outlined' | 'text';
 export type QButtonSize = 'small' | 'regular';
+export type QButtonIconPosition = 'start' | 'end' | 'top' | 'bottom';
 export type QButtonProps = QBaseComponentProps & {
     /**
-     * Indicates whether the button is active or not.
+     * The text content of the button.
      */
-    active?: boolean;
+    label?: string;
     /**
-     * The style of the button.
+     * Specifies the visual style of the button.
      */
-    bStyle?: QButtonVariant;
+    variant?: QButtonVariant;
     /**
-     * The text content of the button.
+     * The color of the button.
+     * Can be chosen from utility colors like 'success' or 'danger',
+     * or specified using CSS color codes.
      */
-    label?: string;
+    color?: string;
     /**
      * If true, the button is disabled and cannot be interacted with.
      */
     disabled?: boolean;
-    /**
-     * If true, the button icon is displayed on the right side.
-     */
-    iconOnRight?: boolean;
     /**
      * If true, the button has no borders.
      */
@@ -42,5 +41,17 @@ export type QButtonProps = QBaseComponentProps & {
      * The size of the button, either 'regular' or 'small'.
      */
     size?: QButtonSize;
+    /**
+     * The position of the button icon.
+     */
+    iconPos?: QButtonIconPosition;
+    /**
+     * Indicates whether the button is active or not.
+     */
+    active?: boolean;
+    /**
+     * Conveys a pill shape to the button.
+     */
+    pill?: boolean;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEtF,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,SAAS,CAAA;AAE7C,MAAM,MAAM,YAAY,GAAG,mBAAmB,GAAG;IAChD;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,MAAM,CAAC,EAAE,cAAc,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAA;CAClB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAA;AAEzD,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,SAAS,CAAA;AAE7C,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAA;AAEpE,MAAM,MAAM,YAAY,GAAG,mBAAmB,GAAG;IAChD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAA;IAExB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAA;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAE7B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;CACd,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"QButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonGroup/QButtonGroup.vue"],"names":[],"mappings":"AAaA;AAwCC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAkBjD,iBAAS,cAAc;WA+BT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,yTAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonGroup/QButtonGroup.vue"],"names":[],"mappings":"AAaA;AAuCC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAiBjD,iBAAS,cAAc;WA+BT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,yTAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QButtonGroup/QButtonGroup.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent as l, toRef as o, createElementBlock as r, openBlock as d, normalizeClass as a, renderSlot as n } from "vue";
 import { provideDefaults as p } from "../../composables/defaults.js";
-const i = ["id"], m = /* @__PURE__ */ l({
+const i = ["id"], b = /* @__PURE__ */ l({
   __name: "QButtonGroup",
   props: {
     id: {},
@@ -13,16 +13,15 @@ const i = ["id"], m = /* @__PURE__ */ l({
     const e = t;
     return p({
       QButton: {
-        bStyle: "secondary",
         disabled: o(e, "disabled"),
         borderless: o(e, "borderless")
       }
-    }), (s, c) => (d(), r("div", {
+    }), (s, u) => (d(), r("div", {
       id: e.id,
       class: a([
-        "q-btn-group",
+        "q-button-group",
         {
-          "q-btn-group--elevated": e.elevated
+          "q-button-group--elevated": e.elevated
         },
         e.class
       ])
@@ -32,5 +31,5 @@ const i = ["id"], m = /* @__PURE__ */ l({
   }
 });
 export {
-  m as default
+  b as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"QButtonToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonToggle/QButtonToggle.vue"],"names":[],"mappings":"AAsBA;AA+CC,OAAO,KAAK,EAAuB,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEtE,KAAK,WAAW,GAAG,kBAAkB,CAAC;AAavC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA2ET,OAAO,IAA6B;6CAXqC,GAAG;;;EAgBzF;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QButtonToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonToggle/QButtonToggle.vue"],"names":[],"mappings":"AAqBA;AA8CC,OAAO,KAAK,EAAuB,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEtE,KAAK,WAAW,GAAG,kBAAkB,CAAC;AAavC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAyET,OAAO,IAA6B;6CAXqC,GAAG;;;EAgBzF;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QButtonToggle/QButtonToggle.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as u, mergeModels as c, useModel as m, createBlock as s, openBlock as o, unref as d, normalizeClass as b, withCtx as i, createElementBlock as f, Fragment as y, renderList as k, renderSlot as p } from "vue";
-import { QButton as v } from "../QButton/index.js";
+import { defineComponent as u, mergeModels as c, useModel as m, createBlock as s, openBlock as o, unref as d, normalizeClass as f, withCtx as i, createElementBlock as b, Fragment as k, renderList as p, renderSlot as v } from "vue";
+import { QButton as y } from "../QButton/index.js";
 import { QButtonGroup as B } from "../QButtonGroup/index.js";
 const M = /* @__PURE__ */ u({
   __name: "QButtonToggle",
@@ -23,18 +23,17 @@ const M = /* @__PURE__ */ u({
     }
     return (a, g) => (o(), s(d(B), {
       id: e.id,
-      "b-style": "secondary",
-      class: b(e.class),
+      class: f(e.class),
       disabled: e.disabled,
       borderless: e.borderless,
       elevated: e.elevated,
       role: "listbox"
     }, {
       default: i(() => [
-        (o(!0), f(
-          y,
+        (o(!0), b(
+          k,
           null,
-          k(e.options, (l) => (o(), s(d(v), {
+          p(e.options, (l) => (o(), s(d(y), {
             key: l.key,
             title: l.title,
             label: l.label,
@@ -44,7 +43,7 @@ const M = /* @__PURE__ */ u({
             onClick: () => n(l)
           }, {
             default: i(() => [
-              p(a.$slots, l.key)
+              v(a.$slots, l.key)
             ]),
             _: 2
             /* DYNAMIC */

package/esm/components/QCollapsible/QCollapsible.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as y, mergeModels as T, useModel as w, computed as r, watch as N, createBlock as $, openBlock as c, unref as a, normalizeClass as b, withCtx as d, createElementVNode as n, renderSlot as i, createElementBlock as u, createCommentVNode as o, createVNode as p, toDisplayString as _, createTextVNode as B } from "vue";
+import { defineComponent as T, mergeModels as w, useModel as y, computed as d, watch as N, createBlock as $, openBlock as c, unref as a, normalizeClass as _, withCtx as r, createElementVNode as n, renderSlot as i, createElementBlock as u, createCommentVNode as o, createVNode as p, toDisplayString as b, createTextVNode as B } from "vue";
 import { DEFAULT_ICONS as E } from "./types.js";
 import { QButton as I } from "../QButton/index.js";
 import { QCard as V } from "../QCard/index.js";
@@ -14,9 +14,9 @@ const L = {
 }, H = {
   key: 0,
   class: "q-collapsible__subtitle"
-}, M = { class: "q-collapsible__content-inner" }, D = { class: "q-collapsible__content" }, P = /* @__PURE__ */ y({
+}, M = { class: "q-collapsible__content-inner" }, D = { class: "q-collapsible__content" }, P = /* @__PURE__ */ T({
   __name: "QCollapsible",
-  props: /* @__PURE__ */ T({
+  props: /* @__PURE__ */ w({
     id: {},
     class: {},
     title: {},
@@ -33,7 +33,7 @@ const L = {
   }),
   emits: ["update:modelValue"],
   setup(v) {
-    const l = v, s = w(v, "modelValue"), m = R(l.id), t = O(m), q = r(() => l.width === "block" ? "block" : void 0), g = r(() => {
+    const l = v, s = y(v, "modelValue"), m = R(l.id), t = O(m), q = d(() => l.width === "block" ? "block" : void 0), g = d(() => {
       const e = l.spacing && l.spacing !== "comfortable" ? `q-collapsible--${l.spacing}` : void 0, f = l.variant && l.variant !== "default" ? `q-collapsible--${l.variant}` : void 0;
       return [
         "q-collapsible",
@@ -44,7 +44,7 @@ const L = {
         },
         l.class
       ];
-    }), k = r(() => [
+    }), k = d(() => [
       "q-collapsible__content-wrapper",
       {
         "q-collapsible__content-show": s.value
@@ -58,19 +58,19 @@ const L = {
       () => s.value = t == null ? void 0 : t.isActive.value
     ), (e, f) => (c(), $(a(V), {
       id: a(m),
-      class: b(g.value),
+      class: _(g.value),
       width: q.value
     }, {
-      header: d(() => [
+      header: r(() => [
         e.title ? (c(), u("div", L, [
           p(a(I), {
-            "b-style": "tertiary",
+            variant: "text",
             block: "",
             class: "q-collapsible__btn",
             "aria-expanded": s.value,
             onClick: C
           }, {
-            default: d(() => [
+            default: r(() => [
               o(" TITLE "),
               n("div", Q, [
                 o(" ICON ON THE LEFT "),
@@ -84,7 +84,7 @@ const L = {
                 n(
                   "h4",
                   S,
-                  _(e.title),
+                  b(e.title),
                   1
                   /* TEXT */
                 ),
@@ -103,7 +103,7 @@ const L = {
               e.$slots.subtitle || e.subtitle ? (c(), u("div", H, [
                 i(e.$slots, "subtitle", {}, () => [
                   B(
-                    _(e.subtitle),
+                    b(e.subtitle),
                     1
                     /* TEXT */
                   )
@@ -115,11 +115,11 @@ const L = {
           }, 8, ["aria-expanded"])
         ])) : o("v-if", !0)
       ]),
-      default: d(() => [
+      default: r(() => [
         n(
           "div",
           {
-            class: b(k.value)
+            class: _(k.value)
           },
           [
             n("div", M, [

package/esm/components/QCombobox/QCombobox.d.ts

@@ -215,16 +215,18 @@ declare function __VLS_template(): {
             $props: {
                 readonly id?: string | undefined;
                 readonly class?: string | unknown[] | undefined;
-                readonly active?: boolean | undefined;
-                readonly bStyle?: import('../QButton/types').QButtonVariant | undefined;
                 readonly label?: string | undefined;
+                readonly variant?: import('../QButton/types').QButtonVariant | undefined;
+                readonly color?: string | undefined;
                 readonly disabled?: boolean | undefined;
-                readonly iconOnRight?: boolean | undefined;
                 readonly borderless?: boolean | undefined;
                 readonly elevated?: boolean | undefined;
                 readonly block?: boolean | undefined;
                 readonly loading?: boolean | undefined;
                 readonly size?: import('../QButton/types').QButtonSize | undefined;
+                readonly iconPos?: import('../QButton/types').QButtonIconPosition | undefined;
+                readonly active?: boolean | undefined;
+                readonly pill?: boolean | undefined;
                 readonly onClick?: ((event: Event) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
@@ -247,7 +249,9 @@ declare function __VLS_template(): {
                 click: (event: Event) => any;
             }, string, {
                 size: import('../QButton/types').QButtonSize;
-                bStyle: import('../QButton/types').QButtonVariant;
+                color: string;
+                variant: import('../QButton/types').QButtonVariant;
+                iconPos: import('../QButton/types').QButtonIconPosition;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -270,10 +274,12 @@ declare function __VLS_template(): {
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
             size: import('../QButton/types').QButtonSize;
-            bStyle: import('../QButton/types').QButtonVariant;
+            color: string;
+            variant: import('../QButton/types').QButtonVariant;
+            iconPos: import('../QButton/types').QButtonIconPosition;
         }> & Omit<Readonly<import('../QButton').QButtonProps> & Readonly<{
             onClick?: ((event: Event) => any) | undefined;
-        }>, "size" | "bStyle"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "size" | "color" | "variant" | "iconPos"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
             };
@@ -1060,16 +1066,18 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $props: {
             readonly id?: string | undefined;
             readonly class?: string | unknown[] | undefined;
-            readonly active?: boolean | undefined;
-            readonly bStyle?: import('../QButton/types').QButtonVariant | undefined;
             readonly label?: string | undefined;
+            readonly variant?: import('../QButton/types').QButtonVariant | undefined;
+            readonly color?: string | undefined;
             readonly disabled?: boolean | undefined;
-            readonly iconOnRight?: boolean | undefined;
             readonly borderless?: boolean | undefined;
             readonly elevated?: boolean | undefined;
             readonly block?: boolean | undefined;
             readonly loading?: boolean | undefined;
             readonly size?: import('../QButton/types').QButtonSize | undefined;
+            readonly iconPos?: import('../QButton/types').QButtonIconPosition | undefined;
+            readonly active?: boolean | undefined;
+            readonly pill?: boolean | undefined;
             readonly onClick?: ((event: Event) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
@@ -1092,7 +1100,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             click: (event: Event) => any;
         }, string, {
             size: import('../QButton/types').QButtonSize;
-            bStyle: import('../QButton/types').QButtonVariant;
+            color: string;
+            variant: import('../QButton/types').QButtonVariant;
+            iconPos: import('../QButton/types').QButtonIconPosition;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -1115,10 +1125,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
         size: import('../QButton/types').QButtonSize;
-        bStyle: import('../QButton/types').QButtonVariant;
+        color: string;
+        variant: import('../QButton/types').QButtonVariant;
+        iconPos: import('../QButton/types').QButtonIconPosition;
     }> & Omit<Readonly<import('../QButton').QButtonProps> & Readonly<{
         onClick?: ((event: Event) => any) | undefined;
-    }>, "size" | "bStyle"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    }>, "size" | "color" | "variant" | "iconPos"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
         };

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

@@ -1 +1 @@
-{"version":3,"file":"QCombobox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCombobox/QCombobox.vue"],"names":[],"mappings":"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"}
+{"version":3,"file":"QCombobox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCombobox/QCombobox.vue"],"names":[],"mappings":"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"}