@moul-dev/ui 2026.8.26 → 2026.9.2-3.1

package/dist/src/App.d.ts

@@ -1,2 +1,2 @@
-declare function App(): import("react").JSX.Element;
+export declare function App(): import("react").JSX.Element;
 export default App;

package/dist/src/components/Alert/Alert.styles.d.ts

@@ -60,23 +60,10 @@ export declare const styles: Readonly<{
         readonly height: stylex.StyleXClassNameFor<"height", string>;
         readonly marginInlineStart: stylex.StyleXClassNameFor<"marginInlineStart", string>;
     }>;
-    readonly closeButton: Readonly<{
-        readonly background: stylex.StyleXClassNameFor<"background", "transparent">;
-        readonly border: stylex.StyleXClassNameFor<"border", "none">;
-        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
+    readonly closeButton_info: Readonly<{
         readonly color: stylex.StyleXClassNameFor<"color", string>;
-        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
-        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
-        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
-        readonly padding: stylex.StyleXClassNameFor<"padding", string>;
-        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
-        readonly transition: stylex.StyleXClassNameFor<"transition", "background-color 0.15s, color 0.15s">;
         readonly ':hover': stylex.StyleXClassNameFor<":hover", {
             readonly color: stylex.StyleXVar<string>;
-        }>;
-    }>;
-    readonly closeButton_info: Readonly<{
-        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
             readonly backgroundColor: stylex.StyleXVar<string>;
         }>;
         readonly ':active': stylex.StyleXClassNameFor<":active", {
@@ -84,7 +71,9 @@ export declare const styles: Readonly<{
         }>;
     }>;
     readonly closeButton_loading: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
         readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly color: stylex.StyleXVar<string>;
             readonly backgroundColor: stylex.StyleXVar<string>;
         }>;
         readonly ':active': stylex.StyleXClassNameFor<":active", {
@@ -92,7 +81,9 @@ export declare const styles: Readonly<{
         }>;
     }>;
     readonly closeButton_accent: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
         readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly color: stylex.StyleXVar<string>;
             readonly backgroundColor: stylex.StyleXVar<string>;
         }>;
         readonly ':active': stylex.StyleXClassNameFor<":active", {
@@ -100,7 +91,9 @@ export declare const styles: Readonly<{
         }>;
     }>;
     readonly closeButton_success: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
         readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly color: stylex.StyleXVar<string>;
             readonly backgroundColor: stylex.StyleXVar<string>;
         }>;
         readonly ':active': stylex.StyleXClassNameFor<":active", {
@@ -108,7 +101,9 @@ export declare const styles: Readonly<{
         }>;
     }>;
     readonly closeButton_warning: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
         readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly color: stylex.StyleXVar<string>;
             readonly backgroundColor: stylex.StyleXVar<string>;
         }>;
         readonly ':active': stylex.StyleXClassNameFor<":active", {
@@ -116,7 +111,9 @@ export declare const styles: Readonly<{
         }>;
     }>;
     readonly closeButton_error: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
         readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly color: stylex.StyleXVar<string>;
             readonly backgroundColor: stylex.StyleXVar<string>;
         }>;
         readonly ':active': stylex.StyleXClassNameFor<":active", {

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

@@ -0,0 +1,92 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import { AutocompleteProps as AriaAutocompleteProps, ListBoxItemProps as AriaListBoxItemProps, ListBoxProps as AriaListBoxProps, ListBoxSectionProps as AriaListBoxSectionProps, PopoverProps as AriaPopoverProps } from 'react-aria-components';
+import * as React from 'react';
+export type AutocompleteSize = 'sm' | 'md' | 'lg';
+export type AutocompleteMode = 'client' | 'async';
+interface AutocompleteContextValue {
+    size: AutocompleteSize;
+    containerRef: React.RefObject<Element | null>;
+}
+export declare const useAutocompleteInnerContext: () => AutocompleteContextValue;
+export type { Filter } from 'react-aria-components';
+export { AutocompleteContext, AutocompleteStateContext, useFilter, } from 'react-aria-components';
+export interface AutocompleteEmptyStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare const AutocompleteEmptyState: React.ForwardRefExoticComponent<AutocompleteEmptyStateProps & React.RefAttributes<HTMLDivElement>>;
+export interface AutocompleteItemProps extends Omit<AriaListBoxItemProps, 'style' | 'children'> {
+    style?: StyleXStyles;
+    className?: string;
+    description?: string;
+    icon?: React.ReactNode;
+    shortcut?: string | React.ReactNode;
+    showCheckmark?: boolean;
+    children?: React.ReactNode | ((values: {
+        isHovered: boolean;
+        isFocused: boolean;
+        isSelected: boolean;
+        isDisabled: boolean;
+    }) => React.ReactNode);
+}
+export declare const AutocompleteItem: React.ForwardRefExoticComponent<AutocompleteItemProps & React.RefAttributes<HTMLDivElement>>;
+export interface AutocompleteSectionProps<T = object> extends Omit<AriaListBoxSectionProps<T>, 'style'> {
+    title?: string;
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const AutocompleteSection: <T extends object>(props: AutocompleteSectionProps<T> & {
+    ref?: React.ForwardedRef<HTMLElement>;
+}) => React.ReactElement;
+export interface AutocompleteListProps<T> extends Omit<AriaListBoxProps<T>, 'style'> {
+    size?: AutocompleteSize;
+    variant?: 'bordered' | 'borderless';
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare const AutocompleteList: <T extends object>(props: AutocompleteListProps<T> & {
+    ref?: React.ForwardedRef<HTMLDivElement>;
+}) => React.ReactElement;
+export interface AutocompletePopoverProps extends Omit<AriaPopoverProps, 'style' | 'className'> {
+    size?: AutocompleteSize;
+    style?: StyleXStyles;
+    className?: string;
+    triggerRef?: React.RefObject<Element | null>;
+}
+export declare const AutocompletePopover: React.ForwardRefExoticComponent<AutocompletePopoverProps & React.RefAttributes<HTMLElement>>;
+export interface AutocompleteProps<T = object> extends Omit<AriaAutocompleteProps<T>, 'filter' | 'children'> {
+    /**
+     * Filter function used to match items against the input.
+     * If not provided, a case-insensitive 'contains' filter is applied by default.
+     * Pass `null` or set `mode="async"` to disable client-side filtering for remote/async lists.
+     */
+    filter?: ((textValue: string, inputValue: string, node?: any) => boolean) | null;
+    /**
+     * Operating mode:
+     * - `'client'`: uses client-side filtering (default)
+     * - `'async'`: bypasses local filtering to allow server/API search
+     * @default 'client'
+     */
+    mode?: AutocompleteMode;
+    /**
+     * Component size inherited by children (list, items, popover).
+     * @default 'md'
+     */
+    size?: AutocompleteSize;
+    /**
+     * If true, `<Autocomplete>` will not render a container `<div>` DOM element,
+     * behaving as a pure transparent context coordinator.
+     * @default false
+     */
+    headless?: boolean;
+    /** StyleX override styles for the container */
+    style?: StyleXStyles;
+    /** Custom CSS class names for the container */
+    className?: string;
+    /** Children elements (input + collection) */
+    children?: React.ReactNode;
+}
+export declare const Autocomplete: <T extends object>(props: AutocompleteProps<T> & {
+    ref?: React.ForwardedRef<HTMLDivElement>;
+}) => React.ReactElement;

package/dist/src/components/Autocomplete/Autocomplete.styles.d.ts

@@ -0,0 +1,200 @@
+import * as stylex from '@stylexjs/stylex';
+export declare const styles: Readonly<{
+    readonly container: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+    }>;
+    readonly list: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", "2px">;
+        readonly padding: stylex.StyleXClassNameFor<"padding", string>;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly overflowY: stylex.StyleXClassNameFor<"overflowY", "auto">;
+        readonly maxHeight: stylex.StyleXClassNameFor<"maxHeight", "300px">;
+    }>;
+    readonly listSm: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly padding: stylex.StyleXClassNameFor<"padding", string>;
+    }>;
+    readonly listMd: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly padding: stylex.StyleXClassNameFor<"padding", string>;
+    }>;
+    readonly listLg: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly padding: stylex.StyleXClassNameFor<"padding", string>;
+    }>;
+    readonly listBorderless: Readonly<{
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", 0>;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "none">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
+        readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
+        readonly maxHeight: stylex.StyleXClassNameFor<"maxHeight", "none">;
+    }>;
+    readonly item: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "background-color, color">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.12s">;
+        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+    }>;
+    readonly itemSm: Readonly<{
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+        readonly minHeight: stylex.StyleXClassNameFor<"minHeight", "28px">;
+    }>;
+    readonly itemMd: Readonly<{
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+        readonly minHeight: stylex.StyleXClassNameFor<"minHeight", "36px">;
+    }>;
+    readonly itemLg: Readonly<{
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+        readonly minHeight: stylex.StyleXClassNameFor<"minHeight", "44px">;
+    }>;
+    readonly itemHovered: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly itemFocused: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly itemSelected: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+    }>;
+    readonly itemDisabled: Readonly<{
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.4>;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
+    }>;
+    readonly itemIcon: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly itemIconSm: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "14px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "14px">;
+    }>;
+    readonly itemIconMd: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "16px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "16px">;
+    }>;
+    readonly itemIconLg: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "20px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "20px">;
+    }>;
+    readonly itemContent: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly flexGrow: stylex.StyleXClassNameFor<"flexGrow", 1>;
+        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
+        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "start">;
+    }>;
+    readonly itemLabel: Readonly<{
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+        readonly textOverflow: stylex.StyleXClassNameFor<"textOverflow", "ellipsis">;
+        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
+    }>;
+    readonly itemDescription: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+        readonly textOverflow: stylex.StyleXClassNameFor<"textOverflow", "ellipsis">;
+        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
+    }>;
+    readonly itemEnd: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
+        readonly marginInlineStart: stylex.StyleXClassNameFor<"marginInlineStart", "auto">;
+    }>;
+    readonly checkIcon: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "14px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "14px">;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly section: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", "2px">;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+    }>;
+    readonly sectionHeader: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly textTransform: stylex.StyleXClassNameFor<"textTransform", "uppercase">;
+        readonly letterSpacing: stylex.StyleXClassNameFor<"letterSpacing", "0.05em">;
+        readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
+    }>;
+    readonly empty: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "center">;
+    }>;
+    readonly popover: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", string>;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", "var(--trigger-width)">;
+        readonly maxHeight: stylex.StyleXClassNameFor<"maxHeight", "320px">;
+        readonly overflowY: stylex.StyleXClassNameFor<"overflowY", "auto">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+    }>;
+    readonly popoverSm: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly popoverMd: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly popoverLg: Readonly<{
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+}>;

package/dist/src/components/Autocomplete/index.d.ts

@@ -0,0 +1,2 @@
+export type { AutocompleteEmptyStateProps, AutocompleteItemProps, AutocompleteListProps, AutocompleteMode, AutocompletePopoverProps, AutocompleteProps, AutocompleteSectionProps, AutocompleteSize, Filter, } from './Autocomplete';
+export { Autocomplete, AutocompleteContext, AutocompleteEmptyState, AutocompleteItem, AutocompleteList, AutocompletePopover, AutocompleteSection, AutocompleteStateContext, useAutocompleteInnerContext, useFilter, } from './Autocomplete';

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/dist/src/components/ComboBox/ComboBox.styles.d.ts

@@ -15,12 +15,10 @@ export declare const styles: Readonly<{
         readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
         readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
         readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
         readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "border-color, box-shadow">;
         readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
         readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
-        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
-            readonly borderColor: stylex.StyleXVar<string>;
-        }>;
         readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
             readonly transitionProperty: "none";
         }>;
@@ -51,6 +49,7 @@ export declare const styles: Readonly<{
     readonly groupFocused: Readonly<{
         readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
         readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", `0 0 0 1px ${stylex.StyleXVar<string>}`>;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
     }>;
     readonly groupInvalid: Readonly<{
         readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
@@ -58,6 +57,7 @@ export declare const styles: Readonly<{
     readonly groupFocusedInvalid: Readonly<{
         readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
         readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", `0 0 0 1px ${stylex.StyleXVar<string>}`>;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
     }>;
     readonly groupDisabled: Readonly<{
         readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.4>;

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

@@ -1,8 +1,17 @@
 import { StyleXStyles } from '@stylexjs/stylex';
+import { DragControls } from 'motion/react';
 import { ButtonProps as AriaButtonProps, DialogProps as AriaDialogProps, HeadingProps as AriaHeadingProps, ModalOverlayProps as AriaModalOverlayProps } from 'react-aria-components';
 import * as React from 'react';
 export type DrawerPlacement = 'top' | 'bottom' | 'left' | 'right';
 export type DrawerSize = 'sm' | 'md' | 'lg' | 'full';
+export interface DrawerContextValue {
+    placement: DrawerPlacement;
+    size: DrawerSize;
+    onClose?: () => void;
+    onOpenChange?: (isOpen: boolean) => void;
+    dragControls?: DragControls;
+}
+export declare function useDrawer(): DrawerContextValue;
 export interface DrawerOverlayProps extends Omit<AriaModalOverlayProps, 'style' | 'className'> {
     style?: StyleXStyles;
     className?: string;
@@ -15,8 +24,24 @@ export interface DrawerProps extends Omit<AriaModalOverlayProps, 'style' | 'clas
     className?: string;
     placement?: DrawerPlacement;
     size?: DrawerSize;
+    /**
+     * Whether to enable drag-to-dismiss gesture on bottom drawers.
+     * @default true for placement="bottom"
+     */
+    dragToClose?: boolean;
 }
 export declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;
+export interface DrawerHandleProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> {
+    style?: StyleXStyles;
+    className?: string;
+    /**
+     * Accessible label for screen readers.
+     * @default 'Drag down or press to close drawer'
+     */
+    'aria-label'?: string;
+}
+export declare const DrawerHandle: React.ForwardRefExoticComponent<DrawerHandleProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerGrabHandle: React.ForwardRefExoticComponent<DrawerHandleProps & React.RefAttributes<HTMLDivElement>>;
 export interface DrawerDialogProps extends Omit<AriaDialogProps, 'style' | 'className'> {
     style?: StyleXStyles;
     className?: string;
@@ -25,6 +50,11 @@ export declare const DrawerDialog: React.ForwardRefExoticComponent<DrawerDialogP
 export interface DrawerHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> {
     style?: StyleXStyles;
     className?: string;
+    /**
+     * Whether to render the drag handle on top when placement="bottom".
+     * @default true for placement="bottom"
+     */
+    showHandle?: boolean;
 }
 export declare const DrawerHeader: React.ForwardRefExoticComponent<DrawerHeaderProps & React.RefAttributes<HTMLDivElement>>;
 export interface DrawerTitleProps extends Omit<AriaHeadingProps, 'style' | 'className'> {
@@ -35,6 +65,12 @@ export declare const DrawerTitle: React.ForwardRefExoticComponent<DrawerTitlePro
 export interface DrawerCloseButtonProps extends Omit<AriaButtonProps, 'style' | 'className'> {
     style?: StyleXStyles;
     className?: string;
+    /**
+     * Whether to hide the close button when placed inside a bottom drawer.
+     * Bottom drawers use the top drag handle to dismiss by default.
+     * @default true
+     */
+    hiddenOnBottom?: boolean;
 }
 export declare const DrawerCloseButton: React.ForwardRefExoticComponent<DrawerCloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export interface DrawerBodyProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> {

package/dist/src/components/Drawer/Drawer.styles.d.ts

@@ -81,17 +81,50 @@ export declare const styles: Readonly<{
         readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
         readonly animationName: stylex.StyleXClassNameFor<"animationName", string>;
     }>;
+    readonly modalReset: Readonly<{
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", 0>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", "none">;
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "visible">;
+        readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
+        readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
+    }>;
     readonly placementBottom: Readonly<{
         readonly width: stylex.StyleXClassNameFor<"width", `calc(100vw - ${stylex.StyleXVar<string>} * 2)` | "100vw">;
         readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", `calc(100vw - ${stylex.StyleXVar<string>} * 2)` | "100vw">;
         readonly marginBlockEnd: stylex.StyleXClassNameFor<"marginBlockEnd", string | 0>;
         readonly marginBlockStart: stylex.StyleXClassNameFor<"marginBlockStart", 0>;
         readonly marginInline: stylex.StyleXClassNameFor<"marginInline", string | 0>;
-        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
-        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", 0 | "1px">;
+        readonly borderTopLeftRadius: stylex.StyleXClassNameFor<"borderTopLeftRadius", string>;
+        readonly borderTopRightRadius: stylex.StyleXClassNameFor<"borderTopRightRadius", string>;
+        readonly borderBottomLeftRadius: stylex.StyleXClassNameFor<"borderBottomLeftRadius", 0>;
+        readonly borderBottomRightRadius: stylex.StyleXClassNameFor<"borderBottomRightRadius", 0>;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
         readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
         readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
-        readonly animationName: stylex.StyleXClassNameFor<"animationName", string>;
+    }>;
+    readonly handleWrapper: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", 0>;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
+        readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
+        readonly touchAction: stylex.StyleXClassNameFor<"touchAction", "none">;
+    }>;
+    readonly handleBar: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "36px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "4px">;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
     }>;
     readonly sideSm: Readonly<{
         readonly width: stylex.StyleXClassNameFor<"width", "100vw" | "400px">;
@@ -138,7 +171,7 @@ export declare const styles: Readonly<{
     }>;
     readonly header: Readonly<{
         readonly position: stylex.StyleXClassNameFor<"position", "sticky">;
-        readonly top: stylex.StyleXClassNameFor<"top", 0>;
+        readonly insetBlockStart: stylex.StyleXClassNameFor<"insetBlockStart", 0>;
         readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 10>;
         readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
         readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
@@ -153,6 +186,14 @@ export declare const styles: Readonly<{
         readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
         readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
     }>;
+    readonly headerBottom: Readonly<{
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", string>;
+        readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
     readonly title: Readonly<{
         readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
         readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
@@ -173,7 +214,7 @@ export declare const styles: Readonly<{
     }>;
     readonly footer: Readonly<{
         readonly position: stylex.StyleXClassNameFor<"position", "sticky">;
-        readonly bottom: stylex.StyleXClassNameFor<"bottom", 0>;
+        readonly insetBlockEnd: stylex.StyleXClassNameFor<"insetBlockEnd", 0>;
         readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 10>;
         readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
         readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;

package/dist/src/components/Drawer/index.d.ts

@@ -1,2 +1,2 @@
-export type { DrawerBodyProps, DrawerCloseButtonProps, DrawerDialogProps, DrawerFooterProps, DrawerHeaderProps, DrawerOverlayProps, DrawerPlacement, DrawerProps, DrawerSize, DrawerTitleProps, } from './Drawer';
-export { Drawer, DrawerBody, DrawerCloseButton, DrawerDialog, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerTitle, } from './Drawer';
+export type { DrawerBodyProps, DrawerCloseButtonProps, DrawerDialogProps, DrawerFooterProps, DrawerHandleProps, DrawerHeaderProps, DrawerOverlayProps, DrawerPlacement, DrawerProps, DrawerSize, DrawerTitleProps, } from './Drawer';
+export { Drawer, DrawerBody, DrawerCloseButton, DrawerDialog, DrawerFooter, DrawerGrabHandle, DrawerHandle, DrawerHeader, DrawerOverlay, DrawerTitle, useDrawer, } from './Drawer';