@lumx/react 4.13.0-next.2 → 4.13.0-next.4

package/index.d.ts

@@ -4346,8 +4346,8 @@ type MultipleSelectButtonProps<O, E extends ElementType$1 = typeof DefaultButton
  * SelectButton compound component.
  */
 declare const SelectButton: {
-    <O, E extends React$1.ElementType = Comp<ButtonProps, HTMLButtonElement>, S extends "single" | "multiple" = "single">(props: SelectButtonProps<O, E, S>): react_jsx_runtime.JSX.Element;
-    displayName: string;
+    <O, E extends React$1.ElementType = Comp<ButtonProps, HTMLButtonElement>, S extends "single" | "multiple" = "single">(props: SelectButtonProps<O, E, S>): React.ReactNode;
+    displayName?: string;
 } & {
     /** Selectable option within the dropdown list. */
     Option: Comp<ComboboxOptionProps, HTMLLIElement>;

package/index.js

@@ -281,11 +281,6 @@ function requireClassnames () {
 var classnamesExports = requireClassnames();
 var classnames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
 
-/**
- * Modifier
- * @example { 'is-disabled': true, 'is-selected': false }
- */
-
 /**
  * Generates BEM modifier class names.
  *
@@ -321,7 +316,7 @@ function modifier$1(baseName, modifiers) {
 function block$19(baseName, modifiersOrAdditionalClasses, additionalClasses) {
   let modifiers;
   let classes;
-  if (Array.isArray(modifiersOrAdditionalClasses)) {
+  if (typeof modifiersOrAdditionalClasses === 'string' || Array.isArray(modifiersOrAdditionalClasses)) {
     classes = modifiersOrAdditionalClasses;
   } else {
     modifiers = modifiersOrAdditionalClasses;
@@ -476,9 +471,6 @@ const visuallyHidden = () => VISUALLY_HIDDEN;
  */
 
 function element$R(baseClass, elem, modifiersOrAdditionalClasses, additionalClasses) {
-  if (Array.isArray(modifiersOrAdditionalClasses)) {
-    return block$19(`${baseClass}__${elem}`, modifiersOrAdditionalClasses);
-  }
   return block$19(`${baseClass}__${elem}`, modifiersOrAdditionalClasses, additionalClasses);
 }
 
@@ -487,15 +479,9 @@ function element$R(baseClass, elem, modifiersOrAdditionalClasses, additionalClas
  */
 function bem(baseName) {
   function blockFn(modifiersOrAdditionalClasses, additionalClasses) {
-    if (Array.isArray(modifiersOrAdditionalClasses)) {
-      return block$19(baseName, modifiersOrAdditionalClasses);
-    }
     return block$19(baseName, modifiersOrAdditionalClasses, additionalClasses);
   }
   function elementFn(elem, modifiersOrAdditionalClasses, additionalClasses) {
-    if (Array.isArray(modifiersOrAdditionalClasses)) {
-      return element$R(baseName, elem, modifiersOrAdditionalClasses);
-    }
     return element$R(baseName, elem, modifiersOrAdditionalClasses, additionalClasses);
   }
   return {
@@ -17087,11 +17073,16 @@ const DefaultButton = forwardRef((props, ref) => /*#__PURE__*/jsx(Button, {
 
 /** Multi-selection props (`selectionType: 'multiple'` is required to opt in). */
 
+/**
+ * `React.forwardRef` re-typed to preserve our polymorphic generics
+ * `<O, E, S>` (which the stock `React.forwardRef` would erase).
+ */
+
 /**
  * A button trigger with a dropdown to select an option (single mode) or
  * options (multi mode) from a list. Polymorphic — pass `as` to customize the trigger element.
  */
-const SelectButton$1 = props => {
+const SelectButton$1 = React__default.forwardRef((props, ref) => {
   const {
     options,
     getOptionId,
@@ -17111,9 +17102,7 @@ const SelectButton$1 = props => {
     listStatus,
     translations,
     as,
-    ref,
     ...buttonProps
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
   } = props;
   const [listElement, setListElement] = useState(null);
   const isMultiple = selectionType === 'multiple';
@@ -17138,8 +17127,7 @@ const SelectButton$1 = props => {
     isMultiselectable: isMultiple,
     label,
     labelDisplayMode,
-    // With no `as`, the default trigger adds the chevron. With `as`, the
-    // caller is responsible for any trailing affordance.
+    // With no `as`, the default trigger adds the chevron.
     buttonProps: {
       ...buttonProps,
       as: as ?? DefaultButton,
@@ -17162,7 +17150,7 @@ const SelectButton$1 = props => {
     Combobox,
     InfiniteScroll
   });
-};
+});
 SelectButton$1.displayName = 'SelectButton';
 
 /**