@lumx/vue 4.12.1-next.2 → 4.13.0-next.0

package/components/combobox/ComboboxButton.d.ts

@@ -1,6 +1,6 @@
 import { ComboboxButtonProps as UIProps, ComboboxButtonLabelDisplayMode, COMPONENT_NAME, CLASSNAME } from '@lumx/core/js/components/Combobox/ComboboxButton';
 import { VueToJSXProps } from '../../utils/VueToJSX';
-export type ComboboxButtonProps = VueToJSXProps<UIProps, 'label'> & {
+export type ComboboxButtonProps = VueToJSXProps<UIProps, 'label' | 'renderButton'> & {
     /** The label for the button (used for ARIA and tooltip). */
     label: string;
     /** The currently selected value to display. */
@@ -18,7 +18,7 @@ declare const ComboboxButton: import('vue').DefineSetupFnComponent<ComboboxButto
     select: (option: {
         value: string;
     }) => true;
-}, {}, Omit<UIProps, "className" | "label" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
+}, {}, Omit<UIProps, "className" | "label" | import('@lumx/core/js/types').PropsToOverride | "children" | "renderButton"> & {
     class?: string;
 } & {
     /** The label for the button (used for ARIA and tooltip). */

package/components/combobox/index.d.ts

@@ -27,7 +27,7 @@ export declare const Combobox: {
         select: (option: {
             value: string;
         }) => true;
-    }, {}, Omit<import('@lumx/core/js/components/Combobox/ComboboxButton').ComboboxButtonProps, "className" | "label" | import('@lumx/core/js/types').PropsToOverride | "children"> & {
+    }, {}, Omit<import('@lumx/core/js/components/Combobox/ComboboxButton').ComboboxButtonProps, "className" | "label" | import('@lumx/core/js/types').PropsToOverride | "children" | "renderButton"> & {
         class?: string;
     } & {
         label: string;

package/index.js

@@ -2402,25 +2402,26 @@ const Sh = "lumx-combobox-button", xh = (e, {
     listboxId: i,
     isOpen: l,
     ref: c,
-    ...u
-  } = e, p = s === "show-tooltip" ? null : (s === "show-selection" && o ? o : null) || r;
+    renderButton: u,
+    ...d
+  } = e, v = s === "show-tooltip" ? null : (s === "show-selection" && o ? o : null) || r, g = r === v || l, b = u || t;
   return f(n, {
-    className: r === p || l ? Zt() : void 0,
+    className: g ? Zt() : void 0,
     label: r,
     closeMode: "hide",
     ariaLinkMode: "aria-labelledby"
   }, {
-    default: () => [f(t, S({
+    default: () => [f(b, S({
       ref: c
-    }, u, {
+    }, d, {
       className: I(a, Sh),
       role: "combobox",
       "aria-controls": i,
       "aria-haspopup": "listbox",
       "aria-expanded": l,
       "aria-activedescendant": ""
-    }), wh(p) ? p : {
-      default: () => [p]
+    }), wh(v) ? v : {
+      default: () => [v]
     })]
   });
 };