@lumx/react 4.13.0-next.0 → 4.13.0-next.1

package/index.d.ts

@@ -4020,6 +4020,8 @@ interface RenderOptionContext {
     index: number;
     /** Resolved option id (from `getOptionId`). Should be passed as `value` to `<Combobox.Option>`. */
     value: any;
+    /** Resolved option name (from `getOptionName`, falling back to `getOptionId`). */
+    name: string;
     /** Whether this option is currently selected. Should be forwarded as `isSelected`. */
     isSelected: boolean;
     /** Resolved description string (from `getOptionDescription`), if any. Should be forwarded as `description`. */

package/index.js

@@ -16856,7 +16856,7 @@ function renderSelectOptions(props, components) {
   const selectedIds = selected ? new Set((Array.isArray(selected) ? selected : [selected]).map(s => getWithSelector(getOptionId, s))) : undefined;
   return options?.map((item, index) => {
     const id = getWithSelector(getOptionId || getOptionName, item);
-    const name = getWithSelector(getOptionName || getOptionId, item);
+    const name = getWithSelector(getOptionName || getOptionId, item) || id;
     const description = getOptionDescription && getWithSelector(getOptionDescription, item);
     const isSelected = selectedIds?.has(id) ?? false;
 
@@ -16867,6 +16867,7 @@ function renderSelectOptions(props, components) {
       return renderOption(item, {
         index,
         value: id,
+        name,
         isSelected,
         description
       });
@@ -16999,6 +17000,7 @@ SelectButton$2.className = CLASSNAME$m;
  * - If `renderOption` is `undefined`, returns `undefined` (no custom rendering).
  * - If the consumer returns a `<Combobox.Option>`, its props/children are merged with the
  *   core-computed `value` / `isSelected` / `description` / `key`.
+ *   When the consumer's `<Combobox.Option>` has no children, falls back to the option `name`.
  * - If the consumer returns anything else, returns `null` (skips the option).
  *
  * @param renderOption Consumer-provided render function.
@@ -17010,14 +17012,15 @@ function wrapRenderOption(renderOption) {
     index,
     value: optionValue,
     isSelected,
-    description
+    description,
+    name
   }) => {
     const node = renderOption(option, index);
     if (!isComponentType(ComboboxOption)(node)) {
       return null;
     }
     const {
-      children,
+      children = name,
       ...customProps
     } = node.props;
     return /*#__PURE__*/jsx(ComboboxOption, {