@dxos/react-list 0.10.0 → 0.11.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-list",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "description": "List primitive components for React.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -16,8 +16,7 @@
     ".": {
       "source": "./src/index.ts",
       "types": "./dist/types/src/index.d.ts",
-      "browser": "./dist/lib/browser/index.mjs",
-      "node": "./dist/lib/node-esm/index.mjs"
+      "import": "./dist/lib/index.mjs"
     }
   },
   "types": "dist/types/src/index.d.ts",
@@ -31,7 +30,7 @@
     "@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.10.0"
+    "@dxos/react-hooks": "0.11.0"
   },
   "devDependencies": {
     "@radix-ui/react-checkbox": "1.1.4",

package/src/List.stories.tsx

@@ -110,7 +110,7 @@ const MultiSelectStory = () => {
 //
 
 const CollapsibleStory = () => (
-  <List variant='unordered' className='dx-container border border-separator divide-y divide-separator'>
+  <List variant='unordered' className='dx-container border border-separator divide-y divide-subdued-separator'>
     {items.slice(0, 3).map((item) => (
       <ListItem key={item.id} collapsible defaultOpen={item.id === items[0].id}>
         <ListItemOpenTrigger asChild>

package/src/List.tsx

@@ -30,45 +30,10 @@
 //   - `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
 
-import { type Scope, createContextScope } from '@radix-ui/react-context';
 import { Primitive } from '@radix-ui/react-primitive';
-import React, { type ComponentPropsWithRef, forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 
-const LIST_NAME = 'List';
-
-type ListScopedProps<P> = P & { __listScope?: Scope };
-
-type ListVariant = 'ordered' | 'unordered';
-
-type ListItemSizes = 'one' | 'many';
-
-type ListProps = ComponentPropsWithRef<typeof Primitive.ol> & {
-  /**
-   * If true, render as `role="listbox"` and let `ListItem` children become
-   * `role="option"` + `aria-selected`. If false (default) the list is a
-   * plain `<ol>` / `<ul>` with no selection semantics — pick this for
-   * static lists.
-   */
-  selectable?: boolean;
-  /**
-   * If true, the listbox advertises multi-select via
-   * `aria-multiselectable="true"`. Defaults to false (single-select).
-   * Has no effect unless `selectable` is also true.
-   */
-  multiSelectable?: boolean;
-  variant?: ListVariant;
-  itemSizes?: ListItemSizes;
-};
-
-const [createListContext, createListScope] = createContextScope(LIST_NAME, []);
-
-type ListContextValue = {
-  selectable: Exclude<ListProps['selectable'], undefined>;
-  variant: Exclude<ListProps['variant'], undefined>;
-  itemSizes?: ListItemSizes;
-};
-
-const [ListProvider, useListContext] = createListContext<ListContextValue>(LIST_NAME);
+import { LIST_NAME, type ListProps, ListProvider, type ListScopedProps } from './ListContext';
 
 const List = forwardRef<HTMLOListElement, ListProps>((props: ListScopedProps<ListProps>, forwardedRef) => {
   const {
@@ -109,6 +74,4 @@ const List = forwardRef<HTMLOListElement, ListProps>((props: ListScopedProps<Lis
 
 List.displayName = LIST_NAME;
 
-export { List, LIST_NAME, createListScope, useListContext };
-
-export type { ListProps, ListScopedProps, ListVariant };
+export { List };

package/src/ListContext.ts

@@ -0,0 +1,46 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import { type Scope, createContextScope } from '@radix-ui/react-context';
+import { type Primitive } from '@radix-ui/react-primitive';
+import { type ComponentPropsWithRef } from 'react';
+
+// Kept out of `List.tsx`: react-refresh only fast-refreshes a module whose exports are all
+// components, so a context and its hook exported beside them force a full page reload on every edit.
+
+export const LIST_NAME = 'List';
+
+export type ListScopedProps<P> = P & { __listScope?: Scope };
+
+export type ListVariant = 'ordered' | 'unordered';
+
+export type ListItemSizes = 'one' | 'many';
+
+export type ListProps = ComponentPropsWithRef<typeof Primitive.ol> & {
+  /**
+   * If true, render as `role="listbox"` and let `ListItem` children become
+   * `role="option"` + `aria-selected`. If false (default) the list is a
+   * plain `<ol>` / `<ul>` with no selection semantics — pick this for
+   * static lists.
+   */
+  selectable?: boolean;
+  /**
+   * If true, the listbox advertises multi-select via
+   * `aria-multiselectable="true"`. Defaults to false (single-select).
+   * Has no effect unless `selectable` is also true.
+   */
+  multiSelectable?: boolean;
+  variant?: ListVariant;
+  itemSizes?: ListItemSizes;
+};
+
+export const [createListContext, createListScope] = createContextScope(LIST_NAME, []);
+
+export type ListContextValue = {
+  selectable: Exclude<ListProps['selectable'], undefined>;
+  variant: Exclude<ListProps['variant'], undefined>;
+  itemSizes?: ListItemSizes;
+};
+
+export const [ListProvider, useListContext] = createListContext<ListContextValue>(LIST_NAME);

package/src/ListItem.tsx

@@ -2,65 +2,25 @@
 // Copyright 2023 DXOS.org
 //
 
-import type { CheckboxProps } from '@radix-ui/react-checkbox';
 import { type CollapsibleContentProps, type CollapsibleTriggerProps } from '@radix-ui/react-collapsible';
 import * as Collapsible from '@radix-ui/react-collapsible';
-import { type Scope, createContextScope } from '@radix-ui/react-context';
 import { Primitive } from '@radix-ui/react-primitive';
 import { Slot } from '@radix-ui/react-slot';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import React, {
-  type ComponentProps,
-  type ComponentPropsWithoutRef,
-  type ComponentRef,
-  type Dispatch,
-  type ForwardRefExoticComponent,
-  type RefAttributes,
-  type SetStateAction,
-  forwardRef,
-} from 'react';
+import React, { type ComponentProps, type ForwardRefExoticComponent, forwardRef } from 'react';
 
 import { useId } from '@dxos/react-hooks';
 
-import { LIST_NAME, type ListScopedProps, useListContext } from './List';
-
-const LIST_ITEM_NAME = 'ListItem';
-
-type ListItemScopedProps<P> = P & { __listItemScope?: Scope };
-
-interface ListItemData {
-  id: string;
-  labelId?: string;
-  selected?: CheckboxProps['checked'];
-  open?: boolean;
-}
-
-type ListItemProps = Omit<ListItemData, 'id'> & { collapsible?: boolean } & RefAttributes<HTMLLIElement> &
-  ComponentPropsWithoutRef<'li'> & {
-    defaultOpen?: boolean;
-    onOpenChange?: (nextOpen: boolean) => void;
-  } & {
-    onSelectedChange?: CheckboxProps['onCheckedChange'];
-    defaultSelected?: CheckboxProps['defaultChecked'];
-  };
-
-type ListItemElement = ComponentRef<'li'>;
-
-const [createListItemContext, createListItemScope] = createContextScope(LIST_ITEM_NAME, []);
-
-type ListItemContextValue = {
-  headingId: string;
-  open: boolean;
-  selected: CheckboxProps['checked'];
-  setSelected: Dispatch<SetStateAction<CheckboxProps['checked']>>;
-};
-
-const [ListItemProvider, useListItemContext] = createListItemContext<ListItemContextValue>(LIST_ITEM_NAME);
-
-type ListItemHeadingProps = ListItemScopedProps<Omit<ComponentPropsWithoutRef<'p'>, 'id'>> &
-  RefAttributes<HTMLParagraphElement> & {
-    asChild?: boolean;
-  };
+import { LIST_NAME, type ListScopedProps, useListContext } from './ListContext';
+import {
+  LIST_ITEM_NAME,
+  type ListItemElement,
+  type ListItemHeadingProps,
+  type ListItemProps,
+  ListItemProvider,
+  type ListItemScopedProps,
+  useListItemContext,
+} from './ListItemContext';
 
 const ListItemHeading = forwardRef<HTMLDivElement, ListItemHeadingProps>(
   ({ children, asChild, __listItemScope, ...props }, forwardedRef) => {
@@ -151,20 +111,6 @@ const ListItem = forwardRef<ListItemElement, ListItemProps>(
 
 ListItem.displayName = LIST_ITEM_NAME;
 
-export {
-  LIST_ITEM_NAME,
-  ListItem,
-  ListItemCollapsibleContent,
-  ListItemHeading,
-  ListItemOpenTrigger,
-  createListItemScope,
-  useListItemContext,
-};
-
-export type {
-  ListItemCollapsibleContentProps,
-  ListItemHeadingProps,
-  ListItemOpenTriggerProps,
-  ListItemProps,
-  ListItemScopedProps,
-};
+export { ListItem, ListItemCollapsibleContent, ListItemHeading, ListItemOpenTrigger };
+
+export type { ListItemCollapsibleContentProps, ListItemOpenTriggerProps };

package/src/ListItemContext.ts

@@ -0,0 +1,54 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import { type CheckboxProps } from '@radix-ui/react-checkbox';
+import { type Scope, createContextScope } from '@radix-ui/react-context';
+import {
+  type ComponentPropsWithoutRef,
+  type ComponentRef,
+  type Dispatch,
+  type RefAttributes,
+  type SetStateAction,
+} from 'react';
+
+// Kept out of `ListItem.tsx`: react-refresh only fast-refreshes a module whose exports are all
+// components, so a context and its hook exported beside them force a full page reload on every edit.
+
+export const LIST_ITEM_NAME = 'ListItem';
+
+export type ListItemScopedProps<P> = P & { __listItemScope?: Scope };
+
+export interface ListItemData {
+  id: string;
+  labelId?: string;
+  selected?: CheckboxProps['checked'];
+  open?: boolean;
+}
+
+export type ListItemProps = Omit<ListItemData, 'id'> & { collapsible?: boolean } & RefAttributes<HTMLLIElement> &
+  ComponentPropsWithoutRef<'li'> & {
+    defaultOpen?: boolean;
+    onOpenChange?: (nextOpen: boolean) => void;
+  } & {
+    onSelectedChange?: CheckboxProps['onCheckedChange'];
+    defaultSelected?: CheckboxProps['defaultChecked'];
+  };
+
+export type ListItemElement = ComponentRef<'li'>;
+
+export const [createListItemContext, createListItemScope] = createContextScope(LIST_ITEM_NAME, []);
+
+export type ListItemContextValue = {
+  headingId: string;
+  open: boolean;
+  selected: CheckboxProps['checked'];
+  setSelected: Dispatch<SetStateAction<CheckboxProps['checked']>>;
+};
+
+export const [ListItemProvider, useListItemContext] = createListItemContext<ListItemContextValue>(LIST_ITEM_NAME);
+
+export type ListItemHeadingProps = ListItemScopedProps<Omit<ComponentPropsWithoutRef<'p'>, 'id'>> &
+  RefAttributes<HTMLParagraphElement> & {
+    asChild?: boolean;
+  };

package/src/index.ts

@@ -2,5 +2,21 @@
 // Copyright 2022 DXOS.org
 //
 
+export {
+  LIST_NAME,
+  type ListProps,
+  type ListScopedProps,
+  type ListVariant,
+  createListScope,
+  useListContext,
+} from './ListContext';
 export * from './List';
+export {
+  LIST_ITEM_NAME,
+  type ListItemHeadingProps,
+  type ListItemProps,
+  type ListItemScopedProps,
+  createListItemScope,
+  useListItemContext,
+} from './ListItemContext';
 export * from './ListItem';

package/dist/lib/browser/index.mjs

@@ -1,105 +0,0 @@
-// src/List.tsx
-import { createContextScope } from "@radix-ui/react-context";
-import { Primitive } from "@radix-ui/react-primitive";
-import React, { forwardRef } from "react";
-var LIST_NAME = "List";
-var [createListContext, createListScope] = createContextScope(LIST_NAME, []);
-var [ListProvider, useListContext] = createListContext(LIST_NAME);
-var List = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
-  const { __listScope, variant = "ordered", selectable = false, multiSelectable = false, itemSizes, children, ...rootProps } = props;
-  const ListRoot = variant === "ordered" ? Primitive.ol : Primitive.ul;
-  return /* @__PURE__ */ React.createElement(ListRoot, {
-    ...selectable && {
-      role: "listbox",
-      ...multiSelectable && {
-        "aria-multiselectable": true
-      }
-    },
-    ...rootProps,
-    ref: forwardedRef
-  }, /* @__PURE__ */ React.createElement(ListProvider, {
-    scope: __listScope,
-    variant,
-    selectable,
-    itemSizes
-  }, children));
-});
-List.displayName = LIST_NAME;
-
-// src/ListItem.tsx
-import * as Collapsible from "@radix-ui/react-collapsible";
-import { createContextScope as createContextScope2 } from "@radix-ui/react-context";
-import { Primitive as Primitive2 } from "@radix-ui/react-primitive";
-import { Slot } from "@radix-ui/react-slot";
-import { useControllableState } from "@radix-ui/react-use-controllable-state";
-import React2, { forwardRef as forwardRef2 } from "react";
-import { useId } from "@dxos/react-hooks";
-var LIST_ITEM_NAME = "ListItem";
-var [createListItemContext, createListItemScope] = createContextScope2(LIST_ITEM_NAME, []);
-var [ListItemProvider, useListItemContext] = createListItemContext(LIST_ITEM_NAME);
-var ListItemHeading = /* @__PURE__ */ forwardRef2(({ children, asChild, __listItemScope, ...props }, forwardedRef) => {
-  const { headingId } = useListItemContext(LIST_ITEM_NAME, __listItemScope);
-  const Comp = asChild ? Slot : Primitive2.div;
-  return /* @__PURE__ */ React2.createElement(Comp, {
-    ...props,
-    id: headingId,
-    ref: forwardedRef
-  }, children);
-});
-var ListItemOpenTrigger = Collapsible.Trigger;
-var ListItemCollapsibleContent = Collapsible.Content;
-var ListItem = /* @__PURE__ */ forwardRef2((props, forwardedRef) => {
-  const id = useId("listItem", props.id);
-  const { __listScope, __listItemScope, children, selected: propsSelected, defaultSelected, onSelectedChange, open: propsOpen, defaultOpen, onOpenChange, collapsible, labelId, ...listItemProps } = props;
-  const { selectable } = useListContext(LIST_NAME, __listScope);
-  const [selected = false, setSelected] = useControllableState({
-    prop: propsSelected,
-    defaultProp: defaultSelected,
-    onChange: onSelectedChange
-  });
-  const [open = false, setOpen] = useControllableState({
-    prop: propsOpen,
-    defaultProp: defaultOpen,
-    onChange: onOpenChange
-  });
-  const headingId = useId("listItem__heading", labelId);
-  const listItem = /* @__PURE__ */ React2.createElement(Primitive2.li, {
-    ...listItemProps,
-    id,
-    ref: forwardedRef,
-    "aria-labelledby": headingId,
-    ...selectable && {
-      "role": "option",
-      "aria-selected": !!selected
-    },
-    ...open && {
-      "aria-expanded": true
-    }
-  }, children);
-  return /* @__PURE__ */ React2.createElement(ListItemProvider, {
-    scope: __listItemScope,
-    headingId,
-    open,
-    selected,
-    setSelected
-  }, collapsible ? /* @__PURE__ */ React2.createElement(Collapsible.Root, {
-    asChild: true,
-    open,
-    onOpenChange: setOpen
-  }, listItem) : listItem);
-});
-ListItem.displayName = LIST_ITEM_NAME;
-export {
-  LIST_ITEM_NAME,
-  LIST_NAME,
-  List,
-  ListItem,
-  ListItemCollapsibleContent,
-  ListItemHeading,
-  ListItemOpenTrigger,
-  createListItemScope,
-  createListScope,
-  useListContext,
-  useListItemContext
-};
-//# sourceMappingURL=index.mjs.map

package/dist/lib/browser/index.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/List.tsx", "../../../src/ListItem.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\n// Elemental list / listbox primitive.\n//\n// This is the ARIA-only foundation of the DXOS list stack. It renders a\n// semantically-correct `<ol>` / `<ul>` (or, when `selectable={true}`, a\n// `role=\"listbox\"` element with `role=\"option\"` children carrying\n// `aria-selected`). It applies no styling, no keyboard navigation, and\n// no `dx-*` utility classes — those are layered above in\n// `@dxos/react-ui-list`.\n//\n// Layering:\n//   - `@dxos/react-list`      — this package; ARIA + structure only.\n//   - `@dxos/react-ui-list`   — adds `dx-*` styling, keyboard nav, and\n//                               opinionated containers (Listbox, OrderedList,\n//                               Tree, Accordion, Combobox, Picker) plus the\n//                               reusable navigation/selection/disclosure aspects.\n//   - `@dxos/react-ui-mosaic` — virtualized / draggable / card-board\n//                               layouts; composes the above where useful.\n//\n// Most app code should reach for `@dxos/react-ui-list`. Use this primitive\n// directly only when building a *new* selectable surface that needs full\n// control over styling and keyboard handling (e.g. a custom Combobox).\n//\n// See:\n//   - `packages/ui/ui-theme/src/css/components/state.md` for the\n//     `aria-selected` ↔ `dx-selected` pairing rules.\n//   - `packages/ui/react-ui-list/AUDIT.md` for why this layering exists.\n//   - https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/listbox_role\n\nimport { type Scope, createContextScope } from '@radix-ui/react-context';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport React, { type ComponentPropsWithRef, forwardRef } from 'react';\n\nconst LIST_NAME = 'List';\n\ntype ListScopedProps<P> = P & { __listScope?: Scope };\n\ntype ListVariant = 'ordered' | 'unordered';\n\ntype ListItemSizes = 'one' | 'many';\n\ntype ListProps = ComponentPropsWithRef<typeof Primitive.ol> & {\n  /**\n   * If true, render as `role=\"listbox\"` and let `ListItem` children become\n   * `role=\"option\"` + `aria-selected`. If false (default) the list is a\n   * plain `<ol>` / `<ul>` with no selection semantics — pick this for\n   * static lists.\n   */\n  selectable?: boolean;\n  /**\n   * If true, the listbox advertises multi-select via\n   * `aria-multiselectable=\"true\"`. Defaults to false (single-select).\n   * Has no effect unless `selectable` is also true.\n   */\n  multiSelectable?: boolean;\n  variant?: ListVariant;\n  itemSizes?: ListItemSizes;\n};\n\nconst [createListContext, createListScope] = createContextScope(LIST_NAME, []);\n\ntype ListContextValue = {\n  selectable: Exclude<ListProps['selectable'], undefined>;\n  variant: Exclude<ListProps['variant'], undefined>;\n  itemSizes?: ListItemSizes;\n};\n\nconst [ListProvider, useListContext] = createListContext<ListContextValue>(LIST_NAME);\n\nconst List = forwardRef<HTMLOListElement, ListProps>((props: ListScopedProps<ListProps>, forwardedRef) => {\n  const {\n    __listScope,\n    variant = 'ordered',\n    selectable = false,\n    multiSelectable = false,\n    itemSizes,\n    children,\n    ...rootProps\n  } = props;\n  const ListRoot = variant === 'ordered' ? Primitive.ol : Primitive.ul;\n  return (\n    <ListRoot\n      // `aria-multiselectable` is only meaningful on `role=\"listbox\"`,\n      // and even there is omitted in the single-select default to keep\n      // assistive tech announcements concise.\n      {...(selectable && {\n        role: 'listbox',\n        ...(multiSelectable && { 'aria-multiselectable': true as const }),\n      })}\n      {...rootProps}\n      ref={forwardedRef}\n    >\n      <ListProvider\n        {...{\n          scope: __listScope,\n          variant,\n          selectable,\n          itemSizes,\n        }}\n      >\n        {children}\n      </ListProvider>\n    </ListRoot>\n  );\n});\n\nList.displayName = LIST_NAME;\n\nexport { List, LIST_NAME, createListScope, useListContext };\n\nexport type { ListProps, ListScopedProps, ListVariant };\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport type { CheckboxProps } from '@radix-ui/react-checkbox';\nimport { type CollapsibleContentProps, type CollapsibleTriggerProps } from '@radix-ui/react-collapsible';\nimport * as Collapsible from '@radix-ui/react-collapsible';\nimport { type Scope, createContextScope } from '@radix-ui/react-context';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { Slot } from '@radix-ui/react-slot';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport React, {\n  type ComponentProps,\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  type Dispatch,\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  type SetStateAction,\n  forwardRef,\n} from 'react';\n\nimport { useId } from '@dxos/react-hooks';\n\nimport { LIST_NAME, type ListScopedProps, useListContext } from './List';\n\nconst LIST_ITEM_NAME = 'ListItem';\n\ntype ListItemScopedProps<P> = P & { __listItemScope?: Scope };\n\ninterface ListItemData {\n  id: string;\n  labelId?: string;\n  selected?: CheckboxProps['checked'];\n  open?: boolean;\n}\n\ntype ListItemProps = Omit<ListItemData, 'id'> & { collapsible?: boolean } & RefAttributes<HTMLLIElement> &\n  ComponentPropsWithoutRef<'li'> & {\n    defaultOpen?: boolean;\n    onOpenChange?: (nextOpen: boolean) => void;\n  } & {\n    onSelectedChange?: CheckboxProps['onCheckedChange'];\n    defaultSelected?: CheckboxProps['defaultChecked'];\n  };\n\ntype ListItemElement = ComponentRef<'li'>;\n\nconst [createListItemContext, createListItemScope] = createContextScope(LIST_ITEM_NAME, []);\n\ntype ListItemContextValue = {\n  headingId: string;\n  open: boolean;\n  selected: CheckboxProps['checked'];\n  setSelected: Dispatch<SetStateAction<CheckboxProps['checked']>>;\n};\n\nconst [ListItemProvider, useListItemContext] = createListItemContext<ListItemContextValue>(LIST_ITEM_NAME);\n\ntype ListItemHeadingProps = ListItemScopedProps<Omit<ComponentPropsWithoutRef<'p'>, 'id'>> &\n  RefAttributes<HTMLParagraphElement> & {\n    asChild?: boolean;\n  };\n\nconst ListItemHeading = forwardRef<HTMLDivElement, ListItemHeadingProps>(\n  ({ children, asChild, __listItemScope, ...props }, forwardedRef) => {\n    const { headingId } = useListItemContext(LIST_ITEM_NAME, __listItemScope);\n    const Comp = asChild ? Slot : Primitive.div;\n    return (\n      <Comp {...props} id={headingId} ref={forwardedRef}>\n        {children}\n      </Comp>\n    );\n  },\n);\n\ntype ListItemOpenTriggerProps = ListItemScopedProps<CollapsibleTriggerProps>;\n\nconst ListItemOpenTrigger = Collapsible.Trigger;\n\ntype ListItemCollapsibleContentProps = ComponentProps<typeof Collapsible.Content>;\n\nconst ListItemCollapsibleContent: ForwardRefExoticComponent<CollapsibleContentProps> = Collapsible.Content;\n\nconst ListItem = forwardRef<ListItemElement, ListItemProps>(\n  (props: ListItemScopedProps<ListScopedProps<ListItemProps>>, forwardedRef) => {\n    const id = useId('listItem', props.id);\n\n    const {\n      __listScope,\n      __listItemScope,\n      children,\n      selected: propsSelected,\n      defaultSelected,\n      onSelectedChange,\n      open: propsOpen,\n      defaultOpen,\n      onOpenChange,\n      collapsible,\n      labelId,\n      ...listItemProps\n    } = props;\n    const { selectable } = useListContext(LIST_NAME, __listScope);\n\n    const [selected = false, setSelected] = useControllableState({\n      prop: propsSelected,\n      defaultProp: defaultSelected,\n      onChange: onSelectedChange,\n    });\n\n    const [open = false, setOpen] = useControllableState({\n      prop: propsOpen,\n      defaultProp: defaultOpen,\n      onChange: onOpenChange,\n    });\n\n    const headingId = useId('listItem__heading', labelId);\n\n    const listItem = (\n      <Primitive.li\n        {...listItemProps}\n        id={id}\n        ref={forwardedRef}\n        aria-labelledby={headingId}\n        {...(selectable && { 'role': 'option', 'aria-selected': !!selected })}\n        {...(open && { 'aria-expanded': true })}\n      >\n        {children}\n      </Primitive.li>\n    );\n\n    return (\n      <ListItemProvider\n        scope={__listItemScope}\n        headingId={headingId}\n        open={open}\n        selected={selected}\n        setSelected={setSelected}\n      >\n        {collapsible ? (\n          <Collapsible.Root asChild open={open} onOpenChange={setOpen}>\n            {listItem}\n          </Collapsible.Root>\n        ) : (\n          listItem\n        )}\n      </ListItemProvider>\n    );\n  },\n);\n\nListItem.displayName = LIST_ITEM_NAME;\n\nexport {\n  LIST_ITEM_NAME,\n  ListItem,\n  ListItemCollapsibleContent,\n  ListItemHeading,\n  ListItemOpenTrigger,\n  createListItemScope,\n  useListItemContext,\n};\n\nexport type {\n  ListItemCollapsibleContentProps,\n  ListItemHeadingProps,\n  ListItemOpenTriggerProps,\n  ListItemProps,\n  ListItemScopedProps,\n};\n"],
-  "mappings": "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",
-  "names": ["createContextScope", "Primitive", "React", "forwardRef", "LIST_NAME", "createListContext", "createListScope", "ListProvider", "useListContext", "List", "props", "forwardedRef", "__listScope", "variant", "selectable", "multiSelectable", "itemSizes", "children", "rootProps", "ListRoot", "ol", "ul", "role", "ref", "scope", "displayName", "Collapsible", "createContextScope", "Primitive", "Slot", "useControllableState", "React", "forwardRef", "useId", "LIST_ITEM_NAME", "createListItemContext", "createListItemScope", "createContextScope", "ListItemProvider", "useListItemContext", "ListItemHeading", "forwardRef", "children", "asChild", "__listItemScope", "props", "forwardedRef", "headingId", "Comp", "Slot", "Primitive", "div", "React", "id", "ref", "ListItemOpenTrigger", "Trigger", "ListItemCollapsibleContent", "Content", "ListItem", "useId", "__listScope", "selected", "propsSelected", "defaultSelected", "onSelectedChange", "open", "propsOpen", "defaultOpen", "onOpenChange", "collapsible", "labelId", "listItemProps", "selectable", "useListContext", "LIST_NAME", "setSelected", "useControllableState", "prop", "defaultProp", "onChange", "setOpen", "listItem", "li", "aria-labelledby", "scope", "Root", "displayName"]
-}

package/dist/lib/browser/meta.json

@@ -1 +0,0 @@
-{"inputs":{"src/List.tsx":{"bytes":10080,"imports":[{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/ListItem.tsx":{"bytes":12912,"imports":[{"path":"@radix-ui/react-collapsible","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-hooks","kind":"import-statement","external":true},{"path":"src/List.tsx","kind":"import-statement","original":"./List"}],"format":"esm"},"src/index.ts":{"bytes":456,"imports":[{"path":"src/List.tsx","kind":"import-statement","original":"./List"},{"path":"src/ListItem.tsx","kind":"import-statement","original":"./ListItem"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":12457},"dist/lib/browser/index.mjs":{"imports":[{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@radix-ui/react-collapsible","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-hooks","kind":"import-statement","external":true}],"exports":["LIST_ITEM_NAME","LIST_NAME","List","ListItem","ListItemCollapsibleContent","ListItemHeading","ListItemOpenTrigger","createListItemScope","createListScope","useListContext","useListItemContext"],"entryPoint":"src/index.ts","inputs":{"src/List.tsx":{"bytesInOutput":1000},"src/index.ts":{"bytesInOutput":0},"src/ListItem.tsx":{"bytesInOutput":2530}},"bytes":3818}}}

package/dist/lib/node-esm/index.mjs

@@ -1,107 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-
-// src/List.tsx
-import { createContextScope } from "@radix-ui/react-context";
-import { Primitive } from "@radix-ui/react-primitive";
-import React, { forwardRef } from "react";
-var LIST_NAME = "List";
-var [createListContext, createListScope] = createContextScope(LIST_NAME, []);
-var [ListProvider, useListContext] = createListContext(LIST_NAME);
-var List = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
-  const { __listScope, variant = "ordered", selectable = false, multiSelectable = false, itemSizes, children, ...rootProps } = props;
-  const ListRoot = variant === "ordered" ? Primitive.ol : Primitive.ul;
-  return /* @__PURE__ */ React.createElement(ListRoot, {
-    ...selectable && {
-      role: "listbox",
-      ...multiSelectable && {
-        "aria-multiselectable": true
-      }
-    },
-    ...rootProps,
-    ref: forwardedRef
-  }, /* @__PURE__ */ React.createElement(ListProvider, {
-    scope: __listScope,
-    variant,
-    selectable,
-    itemSizes
-  }, children));
-});
-List.displayName = LIST_NAME;
-
-// src/ListItem.tsx
-import * as Collapsible from "@radix-ui/react-collapsible";
-import { createContextScope as createContextScope2 } from "@radix-ui/react-context";
-import { Primitive as Primitive2 } from "@radix-ui/react-primitive";
-import { Slot } from "@radix-ui/react-slot";
-import { useControllableState } from "@radix-ui/react-use-controllable-state";
-import React2, { forwardRef as forwardRef2 } from "react";
-import { useId } from "@dxos/react-hooks";
-var LIST_ITEM_NAME = "ListItem";
-var [createListItemContext, createListItemScope] = createContextScope2(LIST_ITEM_NAME, []);
-var [ListItemProvider, useListItemContext] = createListItemContext(LIST_ITEM_NAME);
-var ListItemHeading = /* @__PURE__ */ forwardRef2(({ children, asChild, __listItemScope, ...props }, forwardedRef) => {
-  const { headingId } = useListItemContext(LIST_ITEM_NAME, __listItemScope);
-  const Comp = asChild ? Slot : Primitive2.div;
-  return /* @__PURE__ */ React2.createElement(Comp, {
-    ...props,
-    id: headingId,
-    ref: forwardedRef
-  }, children);
-});
-var ListItemOpenTrigger = Collapsible.Trigger;
-var ListItemCollapsibleContent = Collapsible.Content;
-var ListItem = /* @__PURE__ */ forwardRef2((props, forwardedRef) => {
-  const id = useId("listItem", props.id);
-  const { __listScope, __listItemScope, children, selected: propsSelected, defaultSelected, onSelectedChange, open: propsOpen, defaultOpen, onOpenChange, collapsible, labelId, ...listItemProps } = props;
-  const { selectable } = useListContext(LIST_NAME, __listScope);
-  const [selected = false, setSelected] = useControllableState({
-    prop: propsSelected,
-    defaultProp: defaultSelected,
-    onChange: onSelectedChange
-  });
-  const [open = false, setOpen] = useControllableState({
-    prop: propsOpen,
-    defaultProp: defaultOpen,
-    onChange: onOpenChange
-  });
-  const headingId = useId("listItem__heading", labelId);
-  const listItem = /* @__PURE__ */ React2.createElement(Primitive2.li, {
-    ...listItemProps,
-    id,
-    ref: forwardedRef,
-    "aria-labelledby": headingId,
-    ...selectable && {
-      "role": "option",
-      "aria-selected": !!selected
-    },
-    ...open && {
-      "aria-expanded": true
-    }
-  }, children);
-  return /* @__PURE__ */ React2.createElement(ListItemProvider, {
-    scope: __listItemScope,
-    headingId,
-    open,
-    selected,
-    setSelected
-  }, collapsible ? /* @__PURE__ */ React2.createElement(Collapsible.Root, {
-    asChild: true,
-    open,
-    onOpenChange: setOpen
-  }, listItem) : listItem);
-});
-ListItem.displayName = LIST_ITEM_NAME;
-export {
-  LIST_ITEM_NAME,
-  LIST_NAME,
-  List,
-  ListItem,
-  ListItemCollapsibleContent,
-  ListItemHeading,
-  ListItemOpenTrigger,
-  createListItemScope,
-  createListScope,
-  useListContext,
-  useListItemContext
-};
-//# sourceMappingURL=index.mjs.map

package/dist/lib/node-esm/index.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/List.tsx", "../../../src/ListItem.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\n// Elemental list / listbox primitive.\n//\n// This is the ARIA-only foundation of the DXOS list stack. It renders a\n// semantically-correct `<ol>` / `<ul>` (or, when `selectable={true}`, a\n// `role=\"listbox\"` element with `role=\"option\"` children carrying\n// `aria-selected`). It applies no styling, no keyboard navigation, and\n// no `dx-*` utility classes — those are layered above in\n// `@dxos/react-ui-list`.\n//\n// Layering:\n//   - `@dxos/react-list`      — this package; ARIA + structure only.\n//   - `@dxos/react-ui-list`   — adds `dx-*` styling, keyboard nav, and\n//                               opinionated containers (Listbox, OrderedList,\n//                               Tree, Accordion, Combobox, Picker) plus the\n//                               reusable navigation/selection/disclosure aspects.\n//   - `@dxos/react-ui-mosaic` — virtualized / draggable / card-board\n//                               layouts; composes the above where useful.\n//\n// Most app code should reach for `@dxos/react-ui-list`. Use this primitive\n// directly only when building a *new* selectable surface that needs full\n// control over styling and keyboard handling (e.g. a custom Combobox).\n//\n// See:\n//   - `packages/ui/ui-theme/src/css/components/state.md` for the\n//     `aria-selected` ↔ `dx-selected` pairing rules.\n//   - `packages/ui/react-ui-list/AUDIT.md` for why this layering exists.\n//   - https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/listbox_role\n\nimport { type Scope, createContextScope } from '@radix-ui/react-context';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport React, { type ComponentPropsWithRef, forwardRef } from 'react';\n\nconst LIST_NAME = 'List';\n\ntype ListScopedProps<P> = P & { __listScope?: Scope };\n\ntype ListVariant = 'ordered' | 'unordered';\n\ntype ListItemSizes = 'one' | 'many';\n\ntype ListProps = ComponentPropsWithRef<typeof Primitive.ol> & {\n  /**\n   * If true, render as `role=\"listbox\"` and let `ListItem` children become\n   * `role=\"option\"` + `aria-selected`. If false (default) the list is a\n   * plain `<ol>` / `<ul>` with no selection semantics — pick this for\n   * static lists.\n   */\n  selectable?: boolean;\n  /**\n   * If true, the listbox advertises multi-select via\n   * `aria-multiselectable=\"true\"`. Defaults to false (single-select).\n   * Has no effect unless `selectable` is also true.\n   */\n  multiSelectable?: boolean;\n  variant?: ListVariant;\n  itemSizes?: ListItemSizes;\n};\n\nconst [createListContext, createListScope] = createContextScope(LIST_NAME, []);\n\ntype ListContextValue = {\n  selectable: Exclude<ListProps['selectable'], undefined>;\n  variant: Exclude<ListProps['variant'], undefined>;\n  itemSizes?: ListItemSizes;\n};\n\nconst [ListProvider, useListContext] = createListContext<ListContextValue>(LIST_NAME);\n\nconst List = forwardRef<HTMLOListElement, ListProps>((props: ListScopedProps<ListProps>, forwardedRef) => {\n  const {\n    __listScope,\n    variant = 'ordered',\n    selectable = false,\n    multiSelectable = false,\n    itemSizes,\n    children,\n    ...rootProps\n  } = props;\n  const ListRoot = variant === 'ordered' ? Primitive.ol : Primitive.ul;\n  return (\n    <ListRoot\n      // `aria-multiselectable` is only meaningful on `role=\"listbox\"`,\n      // and even there is omitted in the single-select default to keep\n      // assistive tech announcements concise.\n      {...(selectable && {\n        role: 'listbox',\n        ...(multiSelectable && { 'aria-multiselectable': true as const }),\n      })}\n      {...rootProps}\n      ref={forwardedRef}\n    >\n      <ListProvider\n        {...{\n          scope: __listScope,\n          variant,\n          selectable,\n          itemSizes,\n        }}\n      >\n        {children}\n      </ListProvider>\n    </ListRoot>\n  );\n});\n\nList.displayName = LIST_NAME;\n\nexport { List, LIST_NAME, createListScope, useListContext };\n\nexport type { ListProps, ListScopedProps, ListVariant };\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport type { CheckboxProps } from '@radix-ui/react-checkbox';\nimport { type CollapsibleContentProps, type CollapsibleTriggerProps } from '@radix-ui/react-collapsible';\nimport * as Collapsible from '@radix-ui/react-collapsible';\nimport { type Scope, createContextScope } from '@radix-ui/react-context';\nimport { Primitive } from '@radix-ui/react-primitive';\nimport { Slot } from '@radix-ui/react-slot';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport React, {\n  type ComponentProps,\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  type Dispatch,\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  type SetStateAction,\n  forwardRef,\n} from 'react';\n\nimport { useId } from '@dxos/react-hooks';\n\nimport { LIST_NAME, type ListScopedProps, useListContext } from './List';\n\nconst LIST_ITEM_NAME = 'ListItem';\n\ntype ListItemScopedProps<P> = P & { __listItemScope?: Scope };\n\ninterface ListItemData {\n  id: string;\n  labelId?: string;\n  selected?: CheckboxProps['checked'];\n  open?: boolean;\n}\n\ntype ListItemProps = Omit<ListItemData, 'id'> & { collapsible?: boolean } & RefAttributes<HTMLLIElement> &\n  ComponentPropsWithoutRef<'li'> & {\n    defaultOpen?: boolean;\n    onOpenChange?: (nextOpen: boolean) => void;\n  } & {\n    onSelectedChange?: CheckboxProps['onCheckedChange'];\n    defaultSelected?: CheckboxProps['defaultChecked'];\n  };\n\ntype ListItemElement = ComponentRef<'li'>;\n\nconst [createListItemContext, createListItemScope] = createContextScope(LIST_ITEM_NAME, []);\n\ntype ListItemContextValue = {\n  headingId: string;\n  open: boolean;\n  selected: CheckboxProps['checked'];\n  setSelected: Dispatch<SetStateAction<CheckboxProps['checked']>>;\n};\n\nconst [ListItemProvider, useListItemContext] = createListItemContext<ListItemContextValue>(LIST_ITEM_NAME);\n\ntype ListItemHeadingProps = ListItemScopedProps<Omit<ComponentPropsWithoutRef<'p'>, 'id'>> &\n  RefAttributes<HTMLParagraphElement> & {\n    asChild?: boolean;\n  };\n\nconst ListItemHeading = forwardRef<HTMLDivElement, ListItemHeadingProps>(\n  ({ children, asChild, __listItemScope, ...props }, forwardedRef) => {\n    const { headingId } = useListItemContext(LIST_ITEM_NAME, __listItemScope);\n    const Comp = asChild ? Slot : Primitive.div;\n    return (\n      <Comp {...props} id={headingId} ref={forwardedRef}>\n        {children}\n      </Comp>\n    );\n  },\n);\n\ntype ListItemOpenTriggerProps = ListItemScopedProps<CollapsibleTriggerProps>;\n\nconst ListItemOpenTrigger = Collapsible.Trigger;\n\ntype ListItemCollapsibleContentProps = ComponentProps<typeof Collapsible.Content>;\n\nconst ListItemCollapsibleContent: ForwardRefExoticComponent<CollapsibleContentProps> = Collapsible.Content;\n\nconst ListItem = forwardRef<ListItemElement, ListItemProps>(\n  (props: ListItemScopedProps<ListScopedProps<ListItemProps>>, forwardedRef) => {\n    const id = useId('listItem', props.id);\n\n    const {\n      __listScope,\n      __listItemScope,\n      children,\n      selected: propsSelected,\n      defaultSelected,\n      onSelectedChange,\n      open: propsOpen,\n      defaultOpen,\n      onOpenChange,\n      collapsible,\n      labelId,\n      ...listItemProps\n    } = props;\n    const { selectable } = useListContext(LIST_NAME, __listScope);\n\n    const [selected = false, setSelected] = useControllableState({\n      prop: propsSelected,\n      defaultProp: defaultSelected,\n      onChange: onSelectedChange,\n    });\n\n    const [open = false, setOpen] = useControllableState({\n      prop: propsOpen,\n      defaultProp: defaultOpen,\n      onChange: onOpenChange,\n    });\n\n    const headingId = useId('listItem__heading', labelId);\n\n    const listItem = (\n      <Primitive.li\n        {...listItemProps}\n        id={id}\n        ref={forwardedRef}\n        aria-labelledby={headingId}\n        {...(selectable && { 'role': 'option', 'aria-selected': !!selected })}\n        {...(open && { 'aria-expanded': true })}\n      >\n        {children}\n      </Primitive.li>\n    );\n\n    return (\n      <ListItemProvider\n        scope={__listItemScope}\n        headingId={headingId}\n        open={open}\n        selected={selected}\n        setSelected={setSelected}\n      >\n        {collapsible ? (\n          <Collapsible.Root asChild open={open} onOpenChange={setOpen}>\n            {listItem}\n          </Collapsible.Root>\n        ) : (\n          listItem\n        )}\n      </ListItemProvider>\n    );\n  },\n);\n\nListItem.displayName = LIST_ITEM_NAME;\n\nexport {\n  LIST_ITEM_NAME,\n  ListItem,\n  ListItemCollapsibleContent,\n  ListItemHeading,\n  ListItemOpenTrigger,\n  createListItemScope,\n  useListItemContext,\n};\n\nexport type {\n  ListItemCollapsibleContentProps,\n  ListItemHeadingProps,\n  ListItemOpenTriggerProps,\n  ListItemProps,\n  ListItemScopedProps,\n};\n"],
-  "mappings": "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",
-  "names": ["createContextScope", "Primitive", "React", "forwardRef", "LIST_NAME", "createListContext", "createListScope", "ListProvider", "useListContext", "List", "props", "forwardedRef", "__listScope", "variant", "selectable", "multiSelectable", "itemSizes", "children", "rootProps", "ListRoot", "ol", "ul", "role", "ref", "scope", "displayName", "Collapsible", "createContextScope", "Primitive", "Slot", "useControllableState", "React", "forwardRef", "useId", "LIST_ITEM_NAME", "createListItemContext", "createListItemScope", "createContextScope", "ListItemProvider", "useListItemContext", "ListItemHeading", "forwardRef", "children", "asChild", "__listItemScope", "props", "forwardedRef", "headingId", "Comp", "Slot", "Primitive", "div", "React", "id", "ref", "ListItemOpenTrigger", "Trigger", "ListItemCollapsibleContent", "Content", "ListItem", "useId", "__listScope", "selected", "propsSelected", "defaultSelected", "onSelectedChange", "open", "propsOpen", "defaultOpen", "onOpenChange", "collapsible", "labelId", "listItemProps", "selectable", "useListContext", "LIST_NAME", "setSelected", "useControllableState", "prop", "defaultProp", "onChange", "setOpen", "listItem", "li", "aria-labelledby", "scope", "Root", "displayName"]
-}

package/dist/lib/node-esm/meta.json

@@ -1 +0,0 @@
-{"inputs":{"src/List.tsx":{"bytes":10080,"imports":[{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/ListItem.tsx":{"bytes":12912,"imports":[{"path":"@radix-ui/react-collapsible","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-hooks","kind":"import-statement","external":true},{"path":"src/List.tsx","kind":"import-statement","original":"./List"}],"format":"esm"},"src/index.ts":{"bytes":456,"imports":[{"path":"src/List.tsx","kind":"import-statement","original":"./List"},{"path":"src/ListItem.tsx","kind":"import-statement","original":"./ListItem"}],"format":"esm"}},"outputs":{"dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":12459},"dist/lib/node-esm/index.mjs":{"imports":[{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@radix-ui/react-collapsible","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-hooks","kind":"import-statement","external":true}],"exports":["LIST_ITEM_NAME","LIST_NAME","List","ListItem","ListItemCollapsibleContent","ListItemHeading","ListItemOpenTrigger","createListItemScope","createListScope","useListContext","useListItemContext"],"entryPoint":"src/index.ts","inputs":{"src/List.tsx":{"bytesInOutput":1000},"src/index.ts":{"bytesInOutput":0},"src/ListItem.tsx":{"bytesInOutput":2530}},"bytes":3911}}}