@dxos/react-list 0.10.0 → 0.11.1

package/dist/lib/index.mjs

@@ -0,0 +1,97 @@
+import { createContextScope } from "@radix-ui/react-context";
+import { Primitive } from "@radix-ui/react-primitive";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as Collapsible from "@radix-ui/react-collapsible";
+import { Slot } from "@radix-ui/react-slot";
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import { useId } from "@dxos/react-hooks";
+//#region src/ListContext.ts
+var LIST_NAME = "List";
+var [createListContext, createListScope] = createContextScope(LIST_NAME, []);
+var [ListProvider, useListContext] = createListContext(LIST_NAME);
+//#endregion
+//#region src/List.tsx
+var List = forwardRef((props, forwardedRef) => {
+	const { __listScope, variant = "ordered", selectable = false, multiSelectable = false, itemSizes, children, ...rootProps } = props;
+	return /* @__PURE__ */ jsx(variant === "ordered" ? Primitive.ol : Primitive.ul, {
+		...selectable && {
+			role: "listbox",
+			...multiSelectable && { "aria-multiselectable": true }
+		},
+		...rootProps,
+		ref: forwardedRef,
+		children: /* @__PURE__ */ jsx(ListProvider, {
+			scope: __listScope,
+			variant,
+			selectable,
+			itemSizes,
+			children
+		})
+	});
+});
+List.displayName = LIST_NAME;
+//#endregion
+//#region src/ListItemContext.ts
+var LIST_ITEM_NAME = "ListItem";
+var [createListItemContext, createListItemScope] = createContextScope(LIST_ITEM_NAME, []);
+var [ListItemProvider, useListItemContext] = createListItemContext(LIST_ITEM_NAME);
+//#endregion
+//#region src/ListItem.tsx
+var ListItemHeading = forwardRef(({ children, asChild, __listItemScope, ...props }, forwardedRef) => {
+	const { headingId } = useListItemContext(LIST_ITEM_NAME, __listItemScope);
+	return /* @__PURE__ */ jsx(asChild ? Slot : Primitive.div, {
+		...props,
+		id: headingId,
+		ref: forwardedRef,
+		children
+	});
+});
+var ListItemOpenTrigger = Collapsible.Trigger;
+var ListItemCollapsibleContent = Collapsible.Content;
+var ListItem = forwardRef((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__ */ jsx(Primitive.li, {
+		...listItemProps,
+		id,
+		ref: forwardedRef,
+		"aria-labelledby": headingId,
+		...selectable && {
+			"role": "option",
+			"aria-selected": !!selected
+		},
+		...open && { "aria-expanded": true },
+		children
+	});
+	return /* @__PURE__ */ jsx(ListItemProvider, {
+		scope: __listItemScope,
+		headingId,
+		open,
+		selected,
+		setSelected,
+		children: collapsible ? /* @__PURE__ */ jsx(Collapsible.Root, {
+			asChild: true,
+			open,
+			onOpenChange: setOpen,
+			children: listItem
+		}) : listItem
+	});
+});
+ListItem.displayName = LIST_ITEM_NAME;
+//#endregion
+export { LIST_ITEM_NAME, LIST_NAME, List, ListItem, ListItemCollapsibleContent, ListItemHeading, ListItemOpenTrigger, createListItemScope, createListScope, useListContext, useListItemContext };
+
+//# sourceMappingURL=index.mjs.map

package/dist/lib/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/ListContext.ts","../../src/List.tsx","../../src/ListItemContext.ts","../../src/ListItem.tsx"],"sourcesContent":["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Scope, createContextScope } from '@radix-ui/react-context';\nimport { type Primitive } from '@radix-ui/react-primitive';\nimport { type ComponentPropsWithRef } from 'react';\n\n// Kept out of `List.tsx`: react-refresh only fast-refreshes a module whose exports are all\n// components, so a context and its hook exported beside them force a full page reload on every edit.\n\nexport const LIST_NAME = 'List';\n\nexport type ListScopedProps<P> = P & { __listScope?: Scope };\n\nexport type ListVariant = 'ordered' | 'unordered';\n\nexport type ListItemSizes = 'one' | 'many';\n\nexport type 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\nexport const [createListContext, createListScope] = createContextScope(LIST_NAME, []);\n\nexport type ListContextValue = {\n  selectable: Exclude<ListProps['selectable'], undefined>;\n  variant: Exclude<ListProps['variant'], undefined>;\n  itemSizes?: ListItemSizes;\n};\n\nexport const [ListProvider, useListContext] = createListContext<ListContextValue>(LIST_NAME);\n","//\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 { Primitive } from '@radix-ui/react-primitive';\nimport React, { forwardRef } from 'react';\n\nimport { LIST_NAME, type ListProps, ListProvider, type ListScopedProps } from './ListContext';\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 };\n","//\n// Copyright 2023 DXOS.org\n//\n\nimport { type CheckboxProps } from '@radix-ui/react-checkbox';\nimport { type Scope, createContextScope } from '@radix-ui/react-context';\nimport {\n  type ComponentPropsWithoutRef,\n  type ComponentRef,\n  type Dispatch,\n  type RefAttributes,\n  type SetStateAction,\n} from 'react';\n\n// Kept out of `ListItem.tsx`: react-refresh only fast-refreshes a module whose exports are all\n// components, so a context and its hook exported beside them force a full page reload on every edit.\n\nexport const LIST_ITEM_NAME = 'ListItem';\n\nexport type ListItemScopedProps<P> = P & { __listItemScope?: Scope };\n\nexport interface ListItemData {\n  id: string;\n  labelId?: string;\n  selected?: CheckboxProps['checked'];\n  open?: boolean;\n}\n\nexport type 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\nexport type ListItemElement = ComponentRef<'li'>;\n\nexport const [createListItemContext, createListItemScope] = createContextScope(LIST_ITEM_NAME, []);\n\nexport type ListItemContextValue = {\n  headingId: string;\n  open: boolean;\n  selected: CheckboxProps['checked'];\n  setSelected: Dispatch<SetStateAction<CheckboxProps['checked']>>;\n};\n\nexport const [ListItemProvider, useListItemContext] = createListItemContext<ListItemContextValue>(LIST_ITEM_NAME);\n\nexport type ListItemHeadingProps = ListItemScopedProps<Omit<ComponentPropsWithoutRef<'p'>, 'id'>> &\n  RefAttributes<HTMLParagraphElement> & {\n    asChild?: boolean;\n  };\n","//\n// Copyright 2023 DXOS.org\n//\n\nimport { type CollapsibleContentProps, type CollapsibleTriggerProps } from '@radix-ui/react-collapsible';\nimport * as Collapsible from '@radix-ui/react-collapsible';\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, { type ComponentProps, type ForwardRefExoticComponent, forwardRef } from 'react';\n\nimport { useId } from '@dxos/react-hooks';\n\nimport { LIST_NAME, type ListScopedProps, useListContext } from './ListContext';\nimport {\n  LIST_ITEM_NAME,\n  type ListItemElement,\n  type ListItemHeadingProps,\n  type ListItemProps,\n  ListItemProvider,\n  type ListItemScopedProps,\n  useListItemContext,\n} from './ListItemContext';\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 { ListItem, ListItemCollapsibleContent, ListItemHeading, ListItemOpenTrigger };\n\nexport type { ListItemCollapsibleContentProps, ListItemOpenTriggerProps };\n"],"mappings":";;;;;;;;;AAWA,IAAa,YAAY;AA0BzB,IAAa,CAAC,mBAAmB,mBAAmB,mBAAmB,WAAW,CAAC,CAAC;AAQpF,IAAa,CAAC,cAAc,kBAAkB,kBAAoC,SAAS;;;ACR3F,IAAM,OAAO,YAAyC,OAAmC,iBAAiB;CACxG,MAAM,EACJ,aACA,UAAU,WACV,aAAa,OACb,kBAAkB,OAClB,WACA,UACA,GAAG,cACD;CAEJ,OACE,oBAFe,YAAY,YAAY,UAAU,KAAK,UAAU,IAEhE;EAIE,GAAK,cAAc;GACjB,MAAM;GACN,GAAI,mBAAmB,EAAE,wBAAwB,KAAc;EACjE;EACA,GAAI;EACJ,KAAK;YAEL,oBAAC,cAAD;GAEI,OAAO;GACP;GACA;GACA;GAGD;EACW,CAAA;CACN,CAAA;AAEd,CAAC;AAED,KAAK,cAAc;;;ACzDnB,IAAa,iBAAiB;AAsB9B,IAAa,CAAC,uBAAuB,uBAAuB,mBAAmB,gBAAgB,CAAC,CAAC;AASjG,IAAa,CAAC,kBAAkB,sBAAsB,sBAA4C,cAAc;;;ACxBhH,IAAM,kBAAkB,YACrB,EAAE,UAAU,SAAS,iBAAiB,GAAG,SAAS,iBAAiB;CAClE,MAAM,EAAE,cAAc,mBAAmB,gBAAgB,eAAe;CAExE,OACE,oBAFW,UAAU,OAAO,UAAU,KAEtC;EAAM,GAAI;EAAO,IAAI;EAAW,KAAK;EAClC;CACG,CAAA;AAEV,CACF;AAIA,IAAM,sBAAsB,YAAY;AAIxC,IAAM,6BAAiF,YAAY;AAEnG,IAAM,WAAW,YACd,OAA4D,iBAAiB;CAC5E,MAAM,KAAK,MAAM,YAAY,MAAM,EAAE;CAErC,MAAM,EACJ,aACA,iBACA,UACA,UAAU,eACV,iBACA,kBACA,MAAM,WACN,aACA,cACA,aACA,SACA,GAAG,kBACD;CACJ,MAAM,EAAE,eAAe,eAAe,WAAW,WAAW;CAE5D,MAAM,CAAC,WAAW,OAAO,eAAe,qBAAqB;EAC3D,MAAM;EACN,aAAa;EACb,UAAU;CACZ,CAAC;CAED,MAAM,CAAC,OAAO,OAAO,WAAW,qBAAqB;EACnD,MAAM;EACN,aAAa;EACb,UAAU;CACZ,CAAC;CAED,MAAM,YAAY,MAAM,qBAAqB,OAAO;CAEpD,MAAM,WACJ,oBAAC,UAAU,IAAX;EACE,GAAI;EACA;EACJ,KAAK;EACL,mBAAiB;EACjB,GAAK,cAAc;GAAE,QAAQ;GAAU,iBAAiB,CAAC,CAAC;EAAS;EACnE,GAAK,QAAQ,EAAE,iBAAiB,KAAK;EAEpC;CACW,CAAA;CAGhB,OACE,oBAAC,kBAAD;EACE,OAAO;EACI;EACL;EACI;EACG;YAEZ,cACC,oBAAC,YAAY,MAAb;GAAkB,SAAA;GAAc;GAAM,cAAc;aACjD;EACe,CAAA,IAElB;CAEc,CAAA;AAEtB,CACF;AAEA,SAAS,cAAc"}

package/dist/types/src/List.d.ts

@@ -1,37 +1,5 @@
-import { type Scope } from '@radix-ui/react-context';
-import { Primitive } from '@radix-ui/react-primitive';
-import React, { type ComponentPropsWithRef } from 'react';
-declare 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;
-};
-declare const createListScope: import("@radix-ui/react-context").CreateScope;
-type ListContextValue = {
-    selectable: Exclude<ListProps['selectable'], undefined>;
-    variant: Exclude<ListProps['variant'], undefined>;
-    itemSizes?: ListItemSizes;
-};
-declare const useListContext: (consumerName: string, scope: Scope<ListContextValue | undefined>) => ListContextValue;
+import React from 'react';
+import { type ListProps } from './ListContext';
 declare const List: React.ForwardRefExoticComponent<Omit<ListProps, "ref"> & React.RefAttributes<HTMLOListElement>>;
-export { List, LIST_NAME, createListScope, useListContext };
-export type { ListProps, ListScopedProps, ListVariant };
+export { List };
 //# sourceMappingURL=List.d.ts.map

package/dist/types/src/List.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/List.tsx"],"names":[],"mappings":"AAgCA,OAAO,EAAE,KAAK,KAAK,EAAsB,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAEtE,QAAA,MAAM,SAAS,SAAS,CAAC;AAEzB,KAAK,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAEtD,KAAK,WAAW,GAAG,SAAS,GAAG,WAAW,CAAC;AAE3C,KAAK,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC;AAEpC,KAAK,SAAS,GAAG,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,GAAG;IAC5D;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B,CAAC;AAEF,QAAA,MAA0B,eAAe,+CAAqC,CAAC;AAE/E,KAAK,gBAAgB,GAAG;IACtB,UAAU,EAAE,OAAO,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC,CAAC;IACxD,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC;IAClD,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAqB,cAAc,wFAAkD,CAAC;AAEtF,QAAA,MAAM,IAAI,iGAmCR,CAAC;AAIH,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC;AAE5D,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/List.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAa,KAAK,SAAS,EAAsC,MAAM,eAAe,CAAC;AAE9F,QAAA,MAAM,IAAI,iGAmCR,CAAC;AAIH,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/types/src/ListContext.d.ts

@@ -0,0 +1,40 @@
+import { type Scope } from '@radix-ui/react-context';
+import { type Primitive } from '@radix-ui/react-primitive';
+import { type ComponentPropsWithRef } from 'react';
+export declare 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 declare const createListContext: <ContextValueType extends object | null>(rootComponentName: string, defaultContext?: ContextValueType | undefined) => readonly [React.FC<ContextValueType & {
+    scope: Scope<ContextValueType>;
+    children: import("react").ReactNode;
+}>, (consumerName: string, scope: Scope<ContextValueType | undefined>) => ContextValueType], createListScope: import("@radix-ui/react-context").CreateScope;
+export type ListContextValue = {
+    selectable: Exclude<ListProps['selectable'], undefined>;
+    variant: Exclude<ListProps['variant'], undefined>;
+    itemSizes?: ListItemSizes;
+};
+export declare const ListProvider: import("react").FC<ListContextValue & {
+    scope: Scope<ListContextValue>;
+    children: React.ReactNode;
+}>, useListContext: (consumerName: string, scope: Scope<ListContextValue | undefined>) => ListContextValue;
+//# sourceMappingURL=ListContext.d.ts.map

package/dist/types/src/ListContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListContext.d.ts","sourceRoot":"","sources":["../../../src/ListContext.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,KAAK,EAAsB,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAKnD,eAAO,MAAM,SAAS,SAAS,CAAC;AAEhC,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAE7D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,WAAW,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC;AAE3C,MAAM,MAAM,SAAS,GAAG,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,CAAC,GAAG;IACnE;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAO,iBAAiB;;;6FAAE,eAAe,+CAAqC,CAAC;AAEtF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,EAAE,OAAO,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC,CAAC;IACxD,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC;IAClD,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAO,YAAY;;;IAAE,cAAc,wFAAkD,CAAC"}

package/dist/types/src/ListItem.d.ts

@@ -1,44 +1,13 @@
-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 } from '@radix-ui/react-context';
-import { type ComponentProps, type ComponentPropsWithoutRef, type Dispatch, type ForwardRefExoticComponent, type RefAttributes, type SetStateAction } from 'react';
-declare 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'];
-};
-declare const createListItemScope: import("@radix-ui/react-context").CreateScope;
-type ListItemContextValue = {
-    headingId: string;
-    open: boolean;
-    selected: CheckboxProps['checked'];
-    setSelected: Dispatch<SetStateAction<CheckboxProps['checked']>>;
-};
-declare const useListItemContext: (consumerName: string, scope: Scope<ListItemContextValue | undefined>) => ListItemContextValue;
-type ListItemHeadingProps = ListItemScopedProps<Omit<ComponentPropsWithoutRef<'p'>, 'id'>> & RefAttributes<HTMLParagraphElement> & {
-    asChild?: boolean;
-};
-declare const ListItemHeading: ForwardRefExoticComponent<Omit<ListItemHeadingProps, "ref"> & RefAttributes<HTMLDivElement>>;
+import React, { type ComponentProps, type ForwardRefExoticComponent } from 'react';
+import { type ListItemHeadingProps, type ListItemProps, type ListItemScopedProps } from './ListItemContext';
+declare const ListItemHeading: ForwardRefExoticComponent<Omit<ListItemHeadingProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 type ListItemOpenTriggerProps = ListItemScopedProps<CollapsibleTriggerProps>;
-declare const ListItemOpenTrigger: ForwardRefExoticComponent<CollapsibleTriggerProps & RefAttributes<HTMLButtonElement>>;
+declare const ListItemOpenTrigger: ForwardRefExoticComponent<CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 type ListItemCollapsibleContentProps = ComponentProps<typeof Collapsible.Content>;
 declare const ListItemCollapsibleContent: ForwardRefExoticComponent<CollapsibleContentProps>;
-declare const ListItem: ForwardRefExoticComponent<Omit<ListItemProps, "ref"> & RefAttributes<HTMLLIElement>>;
-export { LIST_ITEM_NAME, ListItem, ListItemCollapsibleContent, ListItemHeading, ListItemOpenTrigger, createListItemScope, useListItemContext, };
-export type { ListItemCollapsibleContentProps, ListItemHeadingProps, ListItemOpenTriggerProps, ListItemProps, ListItemScopedProps, };
+declare const ListItem: ForwardRefExoticComponent<Omit<ListItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
+export { ListItem, ListItemCollapsibleContent, ListItemHeading, ListItemOpenTrigger };
+export type { ListItemCollapsibleContentProps, ListItemOpenTriggerProps };
 //# sourceMappingURL=ListItem.d.ts.map

package/dist/types/src/ListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../src/ListItem.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,KAAK,uBAAuB,EAAE,KAAK,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACzG,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,KAAK,KAAK,EAAsB,MAAM,yBAAyB,CAAC;AAIzE,OAAc,EACZ,KAAK,cAAc,EACnB,KAAK,wBAAwB,EAE7B,KAAK,QAAQ,EACb,KAAK,yBAAyB,EAC9B,KAAK,aAAa,EAClB,KAAK,cAAc,EAEpB,MAAM,OAAO,CAAC;AAMf,QAAA,MAAM,cAAc,aAAa,CAAC;AAElC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,eAAe,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAE9D,UAAU,YAAY;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,KAAK,aAAa,GAAG,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,aAAa,CAAC,aAAa,CAAC,GACtG,wBAAwB,CAAC,IAAI,CAAC,GAAG;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C,GAAG;IACF,gBAAgB,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACpD,eAAe,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;CACnD,CAAC;AAIJ,QAAA,MAA8B,mBAAmB,+CAA0C,CAAC;AAE5F,KAAK,oBAAoB,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;CACjE,CAAC;AAEF,QAAA,MAAyB,kBAAkB,gGAA+D,CAAC;AAE3G,KAAK,oBAAoB,GAAG,mBAAmB,CAAC,IAAI,CAAC,wBAAwB,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,GACxF,aAAa,CAAC,oBAAoB,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,QAAA,MAAM,eAAe,8FAUpB,CAAC;AAEF,KAAK,wBAAwB,GAAG,mBAAmB,CAAC,uBAAuB,CAAC,CAAC;AAE7E,QAAA,MAAM,mBAAmB,uFAAsB,CAAC;AAEhD,KAAK,+BAA+B,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC,CAAC;AAElF,QAAA,MAAM,0BAA0B,EAAE,yBAAyB,CAAC,uBAAuB,CAAuB,CAAC;AAE3G,QAAA,MAAM,QAAQ,sFAiEb,CAAC;AAIF,OAAO,EACL,cAAc,EACd,QAAQ,EACR,0BAA0B,EAC1B,eAAe,EACf,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,GACnB,CAAC;AAEF,YAAY,EACV,+BAA+B,EAC/B,oBAAoB,EACpB,wBAAwB,EACxB,aAAa,EACb,mBAAmB,GACpB,CAAC"}
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../src/ListItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,uBAAuB,EAAE,KAAK,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACzG,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAI3D,OAAO,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,KAAK,yBAAyB,EAAc,MAAM,OAAO,CAAC;AAK/F,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAElB,KAAK,mBAAmB,EAEzB,MAAM,mBAAmB,CAAC;AAE3B,QAAA,MAAM,eAAe,oGAUpB,CAAC;AAEF,KAAK,wBAAwB,GAAG,mBAAmB,CAAC,uBAAuB,CAAC,CAAC;AAE7E,QAAA,MAAM,mBAAmB,6FAAsB,CAAC;AAEhD,KAAK,+BAA+B,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC,CAAC;AAElF,QAAA,MAAM,0BAA0B,EAAE,yBAAyB,CAAC,uBAAuB,CAAuB,CAAC;AAE3G,QAAA,MAAM,QAAQ,4FAiEb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,0BAA0B,EAAE,eAAe,EAAE,mBAAmB,EAAE,CAAC;AAEtF,YAAY,EAAE,+BAA+B,EAAE,wBAAwB,EAAE,CAAC"}

package/dist/types/src/ListItemContext.d.ts

@@ -0,0 +1,41 @@
+import { type CheckboxProps } from '@radix-ui/react-checkbox';
+import { type Scope } from '@radix-ui/react-context';
+import { type ComponentPropsWithoutRef, type ComponentRef, type Dispatch, type RefAttributes, type SetStateAction } from 'react';
+export declare 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 declare const createListItemContext: <ContextValueType extends object | null>(rootComponentName: string, defaultContext?: ContextValueType | undefined) => readonly [React.FC<ContextValueType & {
+    scope: Scope<ContextValueType>;
+    children: React.ReactNode;
+}>, (consumerName: string, scope: Scope<ContextValueType | undefined>) => ContextValueType], createListItemScope: import("@radix-ui/react-context").CreateScope;
+export type ListItemContextValue = {
+    headingId: string;
+    open: boolean;
+    selected: CheckboxProps['checked'];
+    setSelected: Dispatch<SetStateAction<CheckboxProps['checked']>>;
+};
+export declare const ListItemProvider: import("react").FC<ListItemContextValue & {
+    scope: Scope<ListItemContextValue>;
+    children: React.ReactNode;
+}>, useListItemContext: (consumerName: string, scope: Scope<ListItemContextValue | undefined>) => ListItemContextValue;
+export type ListItemHeadingProps = ListItemScopedProps<Omit<ComponentPropsWithoutRef<'p'>, 'id'>> & RefAttributes<HTMLParagraphElement> & {
+    asChild?: boolean;
+};
+//# sourceMappingURL=ListItemContext.d.ts.map

package/dist/types/src/ListItemContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemContext.d.ts","sourceRoot":"","sources":["../../../src/ListItemContext.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,KAAK,KAAK,EAAsB,MAAM,yBAAyB,CAAC;AACzE,OAAO,EACL,KAAK,wBAAwB,EAC7B,KAAK,YAAY,EACjB,KAAK,QAAQ,EACb,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAKf,eAAO,MAAM,cAAc,aAAa,CAAC;AAEzC,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,eAAe,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAErE,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,aAAa,CAAC,aAAa,CAAC,GAC7G,wBAAwB,CAAC,IAAI,CAAC,GAAG;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C,GAAG;IACF,gBAAgB,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACpD,eAAe,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;CACnD,CAAC;AAEJ,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;AAEjD,eAAO,MAAO,qBAAqB;;;6FAAE,mBAAmB,+CAA0C,CAAC;AAEnG,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;CACjE,CAAC;AAEF,eAAO,MAAO,gBAAgB;;;IAAE,kBAAkB,gGAA+D,CAAC;AAElH,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,CAAC,IAAI,CAAC,wBAAwB,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,GAC/F,aAAa,CAAC,oBAAoB,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}

package/dist/types/src/index.d.ts

@@ -1,3 +1,5 @@
+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';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,SAAS,EACT,KAAK,SAAS,EACd,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,eAAe,EACf,cAAc,GACf,MAAM,eAAe,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,OAAO,EACL,cAAc,EACd,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,mBAAmB,EACxB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,mBAAmB,CAAC;AAC3B,cAAc,YAAY,CAAC"}