@dxos/react-list 0.9.1-main.c7dcc2e112 → 0.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-list",
-  "version": "0.9.1-main.c7dcc2e112",
+  "version": "0.10.0",
   "description": "List primitive components for React.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -31,19 +31,19 @@
     "@radix-ui/react-primitive": "2.0.2",
     "@radix-ui/react-slot": "1.1.2",
     "@radix-ui/react-use-controllable-state": "1.1.0",
-    "@dxos/react-hooks": "0.9.1-main.c7dcc2e112"
+    "@dxos/react-hooks": "0.10.0"
   },
   "devDependencies": {
     "@radix-ui/react-checkbox": "1.1.4",
     "@storybook/react-vite": "^10.4.2",
-    "@types/react": "~19.2.7",
+    "@types/react": "~19.2.17",
     "@types/react-dom": "~19.2.3",
-    "react": "~19.2.3",
-    "react-dom": "~19.2.3"
+    "react": "~19.2.7",
+    "react-dom": "~19.2.7"
   },
   "peerDependencies": {
-    "react": "~19.2.3",
-    "react-dom": "~19.2.3"
+    "react": "~19.2.7",
+    "react-dom": "~19.2.7"
   },
   "publishConfig": {
     "access": "public"

package/src/List.stories.tsx

@@ -5,7 +5,7 @@
 // Stories for the elemental `@dxos/react-list` primitive — ARIA + structure
 // only. These show the default-styling-free behavior of `List` / `ListItem`
 // in isolation. For the styled, ARIA-correct, keyboard-navigable layer most
-// app code reaches for, see `@dxos/react-ui-list`'s `RowList` story.
+// app code reaches for, see `@dxos/react-ui-list`'s `Listbox` story.
 
 import { type Decorator, type Meta, type StoryObj } from '@storybook/react-vite';
 import React, { useState } from 'react';

package/src/List.tsx

@@ -14,7 +14,9 @@
 // Layering:
 //   - `@dxos/react-list`      — this package; ARIA + structure only.
 //   - `@dxos/react-ui-list`   — adds `dx-*` styling, keyboard nav, and
-//                               opinionated `RowList`/`CardList` containers.
+//                               opinionated containers (Listbox, OrderedList,
+//                               Tree, Accordion, Combobox, Picker) plus the
+//                               reusable navigation/selection/disclosure aspects.
 //   - `@dxos/react-ui-mosaic` — virtualized / draggable / card-board
 //                               layouts; composes the above where useful.
 //
@@ -23,7 +25,7 @@
 // control over styling and keyboard handling (e.g. a custom Combobox).
 //
 // See:
-//   - `packages/ui/ui-theme/src/css/components/selected.md` for the
+//   - `packages/ui/ui-theme/src/css/components/state.md` for the
 //     `aria-selected` ↔ `dx-selected` pairing rules.
 //   - `packages/ui/react-ui-list/AUDIT.md` for why this layering exists.
 //   - https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/listbox_role
@@ -107,6 +109,6 @@ const List = forwardRef<HTMLOListElement, ListProps>((props: ListScopedProps<Lis
 
 List.displayName = LIST_NAME;
 
-export { List, createListScope, useListContext, LIST_NAME };
+export { List, LIST_NAME, createListScope, useListContext };
 
-export type { ListProps, ListVariant, ListScopedProps };
+export type { ListProps, ListScopedProps, ListVariant };

package/src/ListItem.tsx

@@ -12,8 +12,8 @@ import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import React, {
   type ComponentProps,
   type ComponentPropsWithoutRef,
-  type Dispatch,
   type ComponentRef,
+  type Dispatch,
   type ForwardRefExoticComponent,
   type RefAttributes,
   type SetStateAction,
@@ -122,7 +122,7 @@ const ListItem = forwardRef<ListItemElement, ListItemProps>(
         id={id}
         ref={forwardedRef}
         aria-labelledby={headingId}
-        {...(selectable && { role: 'option', 'aria-selected': !!selected })}
+        {...(selectable && { 'role': 'option', 'aria-selected': !!selected })}
         {...(open && { 'aria-expanded': true })}
       >
         {children}
@@ -152,19 +152,19 @@ const ListItem = forwardRef<ListItemElement, ListItemProps>(
 ListItem.displayName = LIST_ITEM_NAME;
 
 export {
+  LIST_ITEM_NAME,
   ListItem,
-  ListItemHeading,
   ListItemCollapsibleContent,
+  ListItemHeading,
   ListItemOpenTrigger,
   createListItemScope,
   useListItemContext,
-  LIST_ITEM_NAME,
 };
 
 export type {
-  ListItemProps,
-  ListItemHeadingProps,
   ListItemCollapsibleContentProps,
+  ListItemHeadingProps,
   ListItemOpenTriggerProps,
+  ListItemProps,
   ListItemScopedProps,
 };