@moul-dev/ui 2026.9.12 → 2026.9.13

package/dist/src/components/ComboBox/ComboBox.d.ts

@@ -1,18 +1,20 @@
 import { StyleXStyles } from '@stylexjs/stylex';
-import { ComboBoxProps as AriaComboBoxProps, ListBoxItemProps as AriaListBoxItemProps, SectionProps as AriaSectionProps, ValidationResult } from 'react-aria-components';
+import { ComboBoxProps as AriaComboBoxProps, ListBoxItemProps as AriaListBoxItemProps, ListBoxSectionProps as AriaListBoxSectionProps, Key, ListBoxRenderProps, ValidationResult } from 'react-aria-components';
 import * as React from 'react';
 export interface ComboBoxItemProps extends Omit<AriaListBoxItemProps, 'style'> {
     style?: StyleXStyles;
     className?: string;
+    /** Handler that is called when the item is activated. When set, the item acts as an action item and bypasses selection. */
+    onAction?: () => void;
 }
 export declare const ComboBoxItem: React.ForwardRefExoticComponent<ComboBoxItemProps & React.RefAttributes<HTMLDivElement>>;
-export interface ComboBoxSectionProps extends Omit<AriaSectionProps<any>, 'style'> {
+export interface ComboBoxSectionProps extends Omit<AriaListBoxSectionProps<any>, 'style'> {
     title?: string;
     style?: StyleXStyles;
     className?: string;
 }
 export declare const ComboBoxSection: React.ForwardRefExoticComponent<ComboBoxSectionProps & React.RefAttributes<HTMLDivElement>>;
-export interface ComboBoxProps extends Omit<AriaComboBoxProps<any>, 'style'> {
+export interface ComboBoxProps<T extends object = object> extends Omit<AriaComboBoxProps<T>, 'style' | 'children'> {
     style?: StyleXStyles;
     className?: string;
     label?: string;
@@ -21,5 +23,14 @@ export interface ComboBoxProps extends Omit<AriaComboBoxProps<any>, 'style'> {
     placeholder?: string;
     variant?: 'primary' | 'secondary';
     size?: 'sm' | 'md' | 'lg';
+    /** Handler that is called when any item in the ComboBox is activated. Selection and input text are preserved. */
+    onAction?: (key: Key) => void;
+    /** Provides content to display when there are no items in the list. */
+    renderEmptyState?: (props: ListBoxRenderProps) => React.ReactNode;
+    /** Whether the combo box allows the menu to be open when the collection is empty. */
+    allowsEmptyCollection?: boolean;
+    children?: React.ReactNode | ((item: T) => React.ReactNode);
 }
-export declare const ComboBox: React.ForwardRefExoticComponent<ComboBoxProps & React.RefAttributes<HTMLInputElement>>;
+export declare const ComboBox: <T extends object = object>(props: ComboBoxProps<T> & {
+    ref?: React.ForwardedRef<HTMLInputElement>;
+}) => React.ReactElement | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moul-dev/ui",
-  "version": "2026.09.12",
+  "version": "2026.09.13",
   "description": "Accessible, zero-runtime React component library built on React Aria and StyleX",
   "license": "MIT",
   "type": "module",