@lumx/react 4.25.1-alpha.4 → 4.25.1-alpha.5

package/index.d.ts

@@ -4322,12 +4322,6 @@ 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

@@ -8215,8 +8215,9 @@ const ListboxOptionMoreInfo = props => {
   }, [isOpen, onToggle]);
 
   // Predictable ID convention: the parent ListboxOption sets aria-describedby="${optionId}-more-info"
-  // on the role="option" element. The Popover uses closeMode="hide" to keep content in the DOM
-  // so that screen readers can resolve the aria-describedby reference even when the popover is closed.
+  // on the role="option" element. The Popover uses closeMode="unmount": the popover content mounts
+  // synchronously when the option becomes active (same task as the aria-activedescendant update),
+  // so screen readers can resolve the aria-describedby reference when they announce the option.
   const popoverId = `${optionId}-more-info`;
   return ListboxOptionMoreInfo$1({
     ...forwardedProps,
@@ -18896,7 +18897,6 @@ 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,15 +18907,13 @@ function renderSelectOptions(props, components) {
         value: id,
         name,
         isSelected,
-        description,
-        after
+        description
       });
     }
     return /*#__PURE__*/jsx(Combobox.Option, {
       value: id,
       description: description,
       isSelected: isSelected,
-      after: after,
       children: name
     }, id);
   });
@@ -19047,7 +19045,6 @@ 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.
@@ -19060,8 +19057,7 @@ function wrapRenderOption(renderOption) {
     value: optionValue,
     isSelected,
     description,
-    name,
-    after
+    name
   }) => {
     const node = renderOption(option, index);
     if (!isComponentType(ListboxOption)(node)) {
@@ -19069,7 +19065,6 @@ function wrapRenderOption(renderOption) {
     }
     const {
       children = name,
-      after: customAfter,
       ...customProps
     } = node.props;
     return /*#__PURE__*/jsx(ListboxOption, {
@@ -19077,9 +19072,6 @@ function wrapRenderOption(renderOption) {
       value: optionValue,
       isSelected: isSelected,
       description: description,
-      after: /*#__PURE__*/jsxs(Fragment, {
-        children: [customAfter, after]
-      }),
       children: children
     }, optionValue);
   };