chore: [deps] update components for base ui 1.9.0

apps/www/src/content/docs/components/accordion/index.mdx

@@ -107,4 +107,5 @@ Every rendered part carries a stable `data-slot` attribute for [styling and test
 - Trigger elements use `aria-expanded` to indicate open/closed state
 - Supports keyboard navigation with Enter and Space to toggle items
 - Content panels use `aria-controls` and `aria-labelledby` for association
+- A disabled item's trigger has the native `disabled` attribute, so it is left out of the Tab order
 - Respects motion preferences: icon rotation and panel expand/collapse motion is enabled only when `prefers-reduced-motion: no-preference`

apps/www/src/content/docs/components/collapsible/index.mdx

@@ -85,4 +85,5 @@ Every rendered part carries a stable `data-slot` attribute for [styling and test
 - The Trigger uses `aria-expanded` to indicate the open/closed state of the panel.
 - Supports keyboard interaction with Enter and Space to toggle the panel.
 - The Panel is automatically associated with the Trigger via `aria-controls`.
+- A disabled Trigger has the native `disabled` attribute, so it is left out of the Tab order.
 - Respects motion preferences: panel expand/collapse motion is enabled only when `prefers-reduced-motion: no-preference`

apps/www/src/content/docs/components/combobox/props.ts

@@ -7,15 +7,15 @@ export interface ComboboxRootProps {
 
   /** The controlled value of the combobox.
    * For single selection: string
-   * For multiple selection: string[]
+   * For multiple selection: readonly string[]
    */
-  value?: string | string[];
+  value?: string | readonly string[];
 
   /** The default value of the combobox (uncontrolled).
    * For single selection: string
-   * For multiple selection: string[]
+   * For multiple selection: readonly string[]
    */
-  defaultValue?: string | string[];
+  defaultValue?: string | readonly string[];
 
   /** Callback fired when the value changes.
    * For single selection: (value: string) => void

packages/react/CHANGELOG.md

@@ -2,6 +2,25 @@
 
 ## Unreleased
 
+### Base UI 1.9.0
+
+Apsara uses `@base-ui/react` 1.9.0 and `@base-ui/utils` 0.5.0.
+
+#### Changes
+
+- A disabled `Accordion` or `Collapsible` trigger has the native
+  `disabled` attribute. It is dimmed and left out of the Tab order.
+- A multiple `Combobox` or `Select` accepts a readonly array for `value`
+  and `defaultValue`. `onValueChange` still receives a mutable array.
+- In `Menu`, `ContextMenu` and `Menubar`, pressing the trigger of an open
+  submenu with touch or the keyboard closes it, and a submenu closes when
+  focus moves back to its trigger through its focus guard.
+- The `ScrollArea` viewport has no `role="presentation"`.
+- `Checkbox`, `Radio` and `Switch` take their accessible name from
+  `aria-label` when they also have an associated label.
+- A `Dialog`, `AlertDialog` or `Drawer` opened from code through a
+  handle is not linked to a trigger that did not open it.
+
 ### Icons — lucide replaces @radix-ui/react-icons (BREAKING)
 
 Apsara names every icon with a stable key that does not name a library —

packages/react/components/combobox/__tests__/combobox.test.tsx

@@ -605,6 +605,13 @@ describe('Combobox chips', () => {
     expect(screen.getByText('banana')).toBeInTheDocument();
   });
 
+  it('accepts a readonly array as the value', () => {
+    const value = ['apple', 'banana'] as const;
+    render(<BasicCombobox multiple value={value} />);
+    expect(screen.getByText('apple')).toBeInTheDocument();
+    expect(screen.getByText('banana')).toBeInTheDocument();
+  });
+
   it('removes the last chip on Backspace in an empty input', async () => {
     const user = userEvent.setup();
     const handleValueChange = vi.fn();

packages/react/components/combobox/combobox-root.tsx

@@ -58,8 +58,8 @@ export interface SingleComboboxProps<Value = string, Item = Value>
 export interface MultipleComboboxProps<Value = string, Item = Value>
   extends BaseComboboxRootProps<Value, Item> {
   multiple: true;
-  value?: Value[];
-  defaultValue?: Value[];
+  value?: readonly Value[];
+  defaultValue?: readonly Value[];
   onValueChange?: (value: Value[]) => void;
 }
 
@@ -95,7 +95,7 @@ export const ComboboxRoot = <Value extends unknown | unknown[], Item = Value>({
     state: 'inputValue'
   });
   const [computedValue, setValueUnwrapped] = useControlled<
-    Value | Value[] | null
+    Value | readonly Value[] | null
   >({
     controlled: providedValue,
     default: defaultValue ?? null,

packages/react/components/select/__tests__/select.test.tsx

@@ -291,6 +291,28 @@ describe('Select', () => {
       await flushMicrotasks();
       expect(handleValueChange).toHaveBeenCalledTimes(1);
     });
+
+    it('accepts a readonly array as the value', async () => {
+      const value = ['apple', 'banana'] as const;
+      const user = userEvent.setup();
+      render(
+        <Select multiple value={value}>
+          <Select.Trigger>{TRIGGER_TEXT}</Select.Trigger>
+          <Select.Content>
+            {FRUIT_OPTIONS.map(option => (
+              <Select.Item key={option.value} value={option.value}>
+                {option.label}
+              </Select.Item>
+            ))}
+          </Select.Content>
+        </Select>
+      );
+      await openSelect(user);
+
+      expect(
+        within(screen.getAllByRole('option')[0]).getByRole('checkbox')
+      ).toHaveAttribute('aria-checked', 'true');
+    });
   });
 
   describe('Keyboard Navigation', () => {

packages/react/components/select/select-root.tsx

@@ -25,7 +25,7 @@ interface CommonProps {
 }
 
 interface SelectContextValue extends CommonProps {
-  value?: string | string[];
+  value?: string | readonly string[];
   registerItem: (item: ItemType) => void;
   unregisterItem: (value: string) => void;
   multiple: boolean;
@@ -79,9 +79,9 @@ export interface SingleSelectProps extends BaseSelectProps {
 
 export interface MultipleSelectProps extends BaseSelectProps {
   multiple: true;
-  value?: string[];
+  value?: readonly string[];
   onValueChange?: (value: string[]) => void;
-  defaultValue?: string[];
+  defaultValue?: readonly string[];
 }
 
 export type SelectRootProps = SingleSelectProps | MultipleSelectProps;
@@ -112,7 +112,7 @@ export const SelectRoot = (props: SelectRootProps) => {
   const resolvedRequired = required ?? fieldContext?.required;
 
   const [computedValue, setValueUnwrapped] = useControlled<
-    string | string[] | undefined
+    string | readonly string[] | undefined
   >({
     controlled: providedValue,
     default: defaultValue,