@lumx/react 4.26.0 → 4.26.1-alpha.0

package/index.d.ts

@@ -4322,6 +4322,12 @@ interface RenderOptionContext {
     isSelected: boolean;
     /** Resolved description string (from `getOptionDescription`), if any. Should be forwarded as `description`. */
     description?: string | null;
+    /**
+     * Selection state icon to render after the option label
+     * (single selection: check circle when selected, blank radio otherwise; multiple selection: checkbox).
+     * Should be forwarded as `after` (appended after any custom `after` content).
+     */
+    after?: JSXElement;
 }
 interface BaseSelectProps<O> {
     /** List of option objects. */

package/index.js

@@ -18897,6 +18897,7 @@ function renderSelectOptions(props, components) {
     const name = getWithSelector(getOptionName || getOptionId, item) || id;
     const description = getOptionDescription && getWithSelector(getOptionDescription, item);
     const isSelected = selectedIds?.has(id) ?? false;
+    const after = /*#__PURE__*/jsx(Combobox.SelectionIcon, {});
 
     // Delegate to the consumer's render function when provided.
     // The consumer receives core-computed context and is responsible for rendering
@@ -18907,13 +18908,15 @@ function renderSelectOptions(props, components) {
         value: id,
         name,
         isSelected,
-        description
+        description,
+        after
       });
     }
     return /*#__PURE__*/jsx(Combobox.Option, {
       value: id,
       description: description,
       isSelected: isSelected,
+      after: after,
       children: name
     }, id);
   });
@@ -19045,6 +19048,7 @@ SelectButton$2.className = CLASSNAME$n;
  * - 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`.
+ *   The core-computed selection icons are kept: `after` is appended to the custom `after`.
  * - If the consumer returns anything else, returns `null` (skips the option).
  *
  * @param renderOption Consumer-provided render function.
@@ -19057,7 +19061,8 @@ function wrapRenderOption(renderOption) {
     value: optionValue,
     isSelected,
     description,
-    name
+    name,
+    after
   }) => {
     const node = renderOption(option, index);
     if (!isComponentType(ListboxOption)(node)) {
@@ -19065,6 +19070,7 @@ function wrapRenderOption(renderOption) {
     }
     const {
       children = name,
+      after: customAfter,
       ...customProps
     } = node.props;
     return /*#__PURE__*/jsx(ListboxOption, {
@@ -19072,6 +19078,9 @@ function wrapRenderOption(renderOption) {
       value: optionValue,
       isSelected: isSelected,
       description: description,
+      after: /*#__PURE__*/jsxs(Fragment, {
+        children: [customAfter, after]
+      }),
       children: children
     }, optionValue);
   };