@dxos/react-ui-list 0.8.4-main.a4bbb77 → 0.8.4-main.abd8ff62ef

package/dist/types/src/components/Picker/Picker.d.ts

@@ -0,0 +1,49 @@
+import React, { type ComponentPropsWithRef, type PropsWithChildren, type ReactNode } from 'react';
+import { type Density, type Elevation, type ThemedClassName } from '@dxos/react-ui';
+type PickerRootProps = PropsWithChildren<{}>;
+declare function PickerRoot({ children }: PickerRootProps): React.JSX.Element;
+declare namespace PickerRoot {
+    var displayName: string;
+}
+type InputVariant = 'default' | 'subdued';
+type PickerInputProps = ThemedClassName<Omit<ComponentPropsWithRef<'input'>, 'value'> & {
+    /** Controlled input value. Caller owns this — e.g. binds to query state. */
+    value?: string;
+    /** Called on every keystroke with the new input string. */
+    onValueChange?: (value: string) => void;
+    density?: Density;
+    elevation?: Elevation;
+    variant?: InputVariant;
+}>;
+type PickerItemProps = ThemedClassName<{
+    /** Unique identifier; used by the registry and DOM-order traversal. */
+    value: string;
+    /** Callback when the item is committed (click, or Enter while highlighted). */
+    onSelect?: () => void;
+    /** Disable the item — registry-visible but not focusable, not navigable, not clickable. */
+    disabled?: boolean;
+    asChild?: boolean;
+    children?: ReactNode;
+}>;
+export declare const Picker: {
+    Root: {
+        ({ children }: PickerRootProps): React.JSX.Element;
+        displayName: string;
+    };
+    Input: React.ForwardRefExoticComponent<Omit<PickerInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<{
+        /** Unique identifier; used by the registry and DOM-order traversal. */
+        value: string;
+        /** Callback when the item is committed (click, or Enter while highlighted). */
+        onSelect?: () => void;
+        /** Disable the item — registry-visible but not focusable, not navigable, not clickable. */
+        disabled?: boolean;
+        asChild?: boolean;
+        children?: ReactNode;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & React.RefAttributes<HTMLDivElement>>;
+};
+export type { PickerRootProps, PickerInputProps, PickerItemProps };
+export { usePickerInputContext, usePickerItemContext } from './context';
+//# sourceMappingURL=Picker.d.ts.map

package/dist/types/src/components/Picker/Picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../../../../src/components/Picker/Picker.tsx"],"names":[],"mappings":"AA4CA,OAAO,KAAK,EAAE,EAEZ,KAAK,qBAAqB,EAG1B,KAAK,iBAAiB,EACtB,KAAK,SAAS,EAOf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAS,KAAK,eAAe,EAAmB,MAAM,gBAAgB,CAAC;AAwB5G,KAAK,eAAe,GAAG,iBAAiB,CAAC,EAAE,CAAC,CAAC;4BAEzB,EAAE,QAAQ,EAAE,EAAE,eAAe;;;;AA0GjD,KAAK,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC;AAE1C,KAAK,gBAAgB,GAAG,eAAe,CACrC,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,GAAG;IAC9C,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2DAA2D;IAC3D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB,CACF,CAAC;AAoHF,KAAK,eAAe,GAAG,eAAe,CAAC;IACrC,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC,CAAC;AAmGH,eAAO,MAAM,MAAM;IACjB,IAAI;uBAvV4B,eAAe;;;IAwV/C,KAAK;IACL,IAAI;QA9GJ,uEAAuE;eAChE,MAAM;QACb,+EAA+E;mBACpE,MAAM,IAAI;QACrB,2FAA2F;mBAChF,OAAO;kBACR,OAAO;mBACN,SAAS;;;;CAwGrB,CAAC;AAEF,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAC;AAKnE,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC"}

package/dist/types/src/components/Picker/Picker.stories.d.ts

@@ -0,0 +1,28 @@
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+type StoryItem = {
+    value: string;
+    label: string;
+};
+type StoryArgs = {
+    /** Items to render. Defaults to the full 24-item catalog. */
+    items?: StoryItem[];
+    /** When true, the input is controlled and filters the rendered set. */
+    controlled?: boolean;
+    /** Indices into `items` that should render disabled. */
+    disabledIndices?: number[];
+};
+declare const meta: {
+    title: string;
+    render: (args: StoryArgs) => React.JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<StoryArgs>;
+export declare const Default: Story;
+export declare const Filtering: Story;
+export declare const WithDisabled: Story;
+//# sourceMappingURL=Picker.stories.d.ts.map

package/dist/types/src/components/Picker/Picker.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Picker.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Picker/Picker.stories.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAA4B,MAAM,OAAO,CAAC;AAUjD,KAAK,SAAS,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAclD,KAAK,SAAS,GAAG;IACf,6DAA6D;IAC7D,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IACpB,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wDAAwD;IACxD,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;CAC5B,CAAC;AA2DF,QAAA,MAAM,IAAI;;;;;QAKN,MAAM;;CAEiB,CAAC;eAEb,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;AAEjC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC"}

package/dist/types/src/components/Picker/context.d.ts

@@ -0,0 +1,29 @@
+/** Stable: items subscribe to selection, registry. Doesn't change on query. */
+export type PickerItemContextValue = {
+    /** Currently highlighted item value (virtual; not browser focus). */
+    selectedValue: string | undefined;
+    /** Update the highlighted value (e.g. arrow keys, hover). */
+    onSelectedValueChange: (value: string | undefined) => void;
+    /** Register an item for keyboard nav + DOM-order traversal. */
+    registerItem: (value: string, element: HTMLElement | null, onSelect: (() => void) | undefined, disabled?: boolean) => void;
+    /** Unregister an item. */
+    unregisterItem: (value: string) => void;
+};
+/** Volatile: input subscribes to selection + the input keyboard helpers. */
+export type PickerInputContextValue = {
+    /** Currently highlighted item value. */
+    selectedValue: string | undefined;
+    /** Update the highlighted value. */
+    onSelectedValueChange: (value: string | undefined) => void;
+    /** Get registered item values in DOM order (excludes disabled). */
+    getItemValues: () => string[];
+    /** Trigger the highlighted item's `onSelect`. */
+    triggerSelect: () => void;
+};
+export declare const PickerItemContextProvider: import("react").FC<PickerItemContextValue & {
+    children: React.ReactNode;
+}>, usePickerItemContext: (consumerName: string) => PickerItemContextValue;
+export declare const PickerInputContextProvider: import("react").FC<PickerInputContextValue & {
+    children: React.ReactNode;
+}>, usePickerInputContext: (consumerName: string) => PickerInputContextValue;
+//# sourceMappingURL=context.d.ts.map

package/dist/types/src/components/Picker/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/components/Picker/context.ts"],"names":[],"mappings":"AAUA,+EAA+E;AAC/E,MAAM,MAAM,sBAAsB,GAAG;IACnC,qEAAqE;IACrE,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,6DAA6D;IAC7D,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC3D,+DAA+D;IAC/D,YAAY,EAAE,CACZ,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,WAAW,GAAG,IAAI,EAC3B,QAAQ,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,EAClC,QAAQ,CAAC,EAAE,OAAO,KACf,IAAI,CAAC;IACV,0BAA0B;IAC1B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,4EAA4E;AAC5E,MAAM,MAAM,uBAAuB,GAAG;IACpC,wCAAwC;IACxC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,oCAAoC;IACpC,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC3D,mEAAmE;IACnE,aAAa,EAAE,MAAM,MAAM,EAAE,CAAC;IAC9B,iDAAiD;IACjD,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAO,yBAAyB;;IAAE,oBAAoB,kDAAuD,CAAC;AAErH,eAAO,MAAO,0BAA0B;;IAAE,qBAAqB,mDACR,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Picker, usePickerInputContext, usePickerItemContext } from './Picker';
+export type { PickerRootProps, PickerInputProps, PickerItemProps } from './Picker';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Picker/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAC/E,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC"}

package/dist/types/src/components/RowList/RowList.d.ts

@@ -0,0 +1,61 @@
+import React, { type FocusEvent, type MouseEvent, type PropsWithChildren } from 'react';
+import { type ScrollAreaRootProps } from '@dxos/react-ui';
+declare const createRowListScope: import("@radix-ui/react-context").CreateScope;
+type RootProps = PropsWithChildren<{
+    /** Currently-selected option id (controlled). */
+    selectedId?: string;
+    /** Initial selected option for uncontrolled mode. */
+    defaultSelectedId?: string;
+    /**
+     * Called when the user picks a different option (click, arrow keys,
+     * focus). Receives the option's `id` prop.
+     */
+    onSelectChange?: (id: string) => void;
+}>;
+declare function Root({ selectedId, defaultSelectedId, onSelectChange, children }: RootProps): React.JSX.Element;
+declare namespace Root {
+    var displayName: string;
+}
+type ViewportProps = Pick<ScrollAreaRootProps, 'thin' | 'padding' | 'centered'>;
+type ContentProps = {
+    /**
+     * Accessible label for the listbox. Strongly recommended; assistive
+     * tech announces this when focus enters the list.
+     */
+    'aria-label'?: string;
+};
+type RowProps = PropsWithChildren<{
+    /** Stable identifier; matched against the parent's `selectedId`. */
+    id: string;
+    /** Disable the row — focusable but doesn't update selection, dimmed. */
+    disabled?: boolean;
+    /** Optional click handler in addition to selection. */
+    onClick?: (event: MouseEvent<HTMLLIElement>) => void;
+    /** Optional focus handler in addition to selection-follows-focus. */
+    onFocus?: (event: FocusEvent<HTMLLIElement>) => void;
+}>;
+declare const Row: React.ForwardRefExoticComponent<Omit<RowProps, "className"> & {
+    classNames?: import("@dxos/ui-types").ClassNameValue;
+} & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLLIElement>>;
+/**
+ * Read selection state for a single id, from inside any descendant of
+ * `<RowList.Root>`. Returns `true` when the row is currently selected.
+ * Lets composing components (e.g. `Listbox.OptionIndicator`) react to
+ * selection without re-rendering on unrelated changes.
+ */
+declare const useRowListSelection: (id: string) => boolean;
+declare const RowList: {
+    Root: {
+        ({ selectedId, defaultSelectedId, onSelectChange, children }: RootProps): React.JSX.Element;
+        displayName: string;
+    };
+    Viewport: React.ForwardRefExoticComponent<Omit<ViewportProps, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<ContentProps, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLUListElement>>;
+};
+export { RowList, Row, createRowListScope, useRowListSelection };
+export type { RootProps as RowListRootProps, ViewportProps as RowListViewportProps, ContentProps as RowListContentProps, RowProps, };
+//# sourceMappingURL=RowList.d.ts.map

package/dist/types/src/components/RowList/RowList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowList.d.ts","sourceRoot":"","sources":["../../../../../src/components/RowList/RowList.tsx"],"names":[],"mappings":"AA6EA,OAAO,KAAK,EAAE,EAAE,KAAK,UAAU,EAAqB,KAAK,UAAU,EAAE,KAAK,iBAAiB,EAAe,MAAM,OAAO,CAAC;AAGxH,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAsBtE,QAAA,MAA6B,kBAAkB,+CAAyC,CAAC;AAOzF,KAAK,SAAS,GAAG,iBAAiB,CAAC;IACjC,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,CAAC,CAAC;sBAEW,EAAE,UAAU,EAAE,iBAAiB,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,SAAS;;;;AAqCpF,KAAK,aAAa,GAAG,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;AA2BhF,KAAK,YAAY,GAAG;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAgEF,KAAK,QAAQ,GAAG,iBAAiB,CAAC;IAChC,oEAAoE;IACpE,EAAE,EAAE,MAAM,CAAC;IACX,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IACrD,qEAAqE;IACrE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;CACtD,CAAC,CAAC;AAMH,QAAA,MAAM,GAAG;;0HAmDP,CAAC;AAIH;;;;;GAKG;AACH,QAAA,MAAM,mBAAmB,OAAQ,MAAM,KAAG,OAGzC,CAAC;AAMF,QAAA,MAAM,OAAO;;sEA3N8D,SAAS;;;;;;;;;CA+NnF,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,CAAC;AACjE,YAAY,EACV,SAAS,IAAI,gBAAgB,EAC7B,aAAa,IAAI,oBAAoB,EACrC,YAAY,IAAI,mBAAmB,EACnC,QAAQ,GACT,CAAC"}

package/dist/types/src/components/RowList/RowList.stories.d.ts

@@ -0,0 +1,35 @@
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+type TestItem = {
+    id: string;
+    name: string;
+    description: string;
+};
+type StoryArgs = {
+    /** Items to render. Defaults to the full 24-item catalog. */
+    items?: TestItem[];
+    /** Forwards to `RowList.Viewport thin`. */
+    thin?: boolean;
+    /** Forwards to `RowList.Viewport padding`. */
+    padding?: boolean;
+    /** Index into `items` that should render disabled. */
+    disabledIndex?: number;
+    /** Render the description line under each row's name. */
+    showDescription?: boolean;
+};
+declare const meta: {
+    title: string;
+    render: (args: StoryArgs) => React.JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<StoryArgs>;
+export declare const Default: Story;
+export declare const Thin: Story;
+export declare const WithDisabled: Story;
+export declare const MasterDetail: Story;
+export declare const WithToolbar: Story;
+//# sourceMappingURL=RowList.stories.d.ts.map

package/dist/types/src/components/RowList/RowList.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowList.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/RowList/RowList.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAUxC,KAAK,QAAQ,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC;AAelE,KAAK,SAAS,GAAG;IACf,6DAA6D;IAC7D,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yDAAyD;IACzD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAwGF,QAAA,MAAM,IAAI;;;;;QAKN,MAAM;;CAEiB,CAAC;eAEb,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;AAEjC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,IAAI,EAAE,KAAuE,CAAC;AAC3F,eAAO,MAAM,YAAY,EAAE,KAAmE,CAAC;AAC/F,eAAO,MAAM,YAAY,EAAE,KAA+C,CAAC;AAC3E,eAAO,MAAM,WAAW,EAAE,KAA8C,CAAC"}

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

@@ -0,0 +1,3 @@
+export { RowList, Row, createRowListScope, useRowListSelection } from './RowList';
+export type { RowListRootProps, RowListViewportProps, RowListContentProps, RowProps } from './RowList';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/RowList/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAClF,YAAY,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC"}

package/dist/types/src/components/Tree/Tree.d.ts

@@ -1,12 +1,16 @@
 import React from 'react';
-import { type HasId } from '@dxos/echo-schema';
 import { type TreegridRootProps } from '@dxos/react-ui';
-import { type TreeContextType } from './TreeContext';
+import { type TreeModel } from './TreeContext';
 import { type TreeItemProps } from './TreeItem';
-export type TreeProps<T extends HasId = any, O = any> = {
-    root?: T;
+export type TreeProps<T extends {
+    id: string;
+} = any> = {
+    model: TreeModel<T>;
+    rootId?: string;
     path?: string[];
     id: string;
-} & TreeContextType<T, O> & Partial<Pick<TreegridRootProps, 'gridTemplateColumns' | 'classNames'>> & Pick<TreeItemProps<T>, 'draggable' | 'renderColumns' | 'canDrop' | 'onOpenChange' | 'onSelect' | 'levelOffset'>;
-export declare const Tree: <T extends HasId = any, O = any>({ root, path, id, useItems, getProps, isOpen, isCurrent, draggable, gridTemplateColumns, classNames, levelOffset, renderColumns, canDrop, onOpenChange, onSelect, }: TreeProps<T, O>) => React.JSX.Element;
+} & Partial<Pick<TreegridRootProps, 'gridTemplateColumns' | 'classNames'>> & Pick<TreeItemProps<T>, 'draggable' | 'renderColumns' | 'blockInstruction' | 'canDrop' | 'canSelect' | 'onOpenChange' | 'onSelect' | 'onItemHover' | 'levelOffset'>;
+export declare const Tree: <T extends {
+    id: string;
+} = any>({ model, rootId, path, id, draggable, gridTemplateColumns, classNames, levelOffset, renderColumns, blockInstruction, canDrop, canSelect, onOpenChange, onSelect, onItemHover, }: TreeProps<T>) => React.JSX.Element;
 //# sourceMappingURL=Tree.d.ts.map

package/dist/types/src/components/Tree/Tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/Tree.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAElE,OAAO,EAAE,KAAK,eAAe,EAAgB,MAAM,eAAe,CAAC;AACnE,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAE1D,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,KAAK,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,IAAI;IACtD,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;CACZ,GAAG,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,GACvB,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,qBAAqB,GAAG,YAAY,CAAC,CAAC,GACtE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,WAAW,GAAG,eAAe,GAAG,SAAS,GAAG,cAAc,GAAG,UAAU,GAAG,aAAa,CAAC,CAAC;AAElH,eAAO,MAAM,IAAI,GAAI,CAAC,SAAS,KAAK,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,qKAgBlD,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,sBAiCjB,CAAC"}
+{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/Tree.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAElE,OAAO,EAAE,KAAK,SAAS,EAAgB,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAwC,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAEtF,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,IAAI;IACtD,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;CACZ,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,qBAAqB,GAAG,YAAY,CAAC,CAAC,GACxE,IAAI,CACF,aAAa,CAAC,CAAC,CAAC,EACd,WAAW,GACX,eAAe,GACf,kBAAkB,GAClB,SAAS,GACT,WAAW,GACX,cAAc,GACd,UAAU,GACV,aAAa,GACb,aAAa,CAChB,CAAC;AAEJ,eAAO,MAAM,IAAI,GAAI,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,mLAgBhD,SAAS,CAAC,CAAC,CAAC,sBA0Bd,CAAC"}

package/dist/types/src/components/Tree/Tree.stories.d.ts

@@ -1,39 +1,20 @@
 import { type StoryObj } from '@storybook/react-vite';
 import React from 'react';
-import { type TestItem } from './testing';
-import { type TreeProps } from './Tree';
+declare const DefaultStory: ({ draggable }: {
+    draggable?: boolean;
+}) => React.JSX.Element;
 declare const meta: {
     title: string;
     decorators: import("@storybook/react").Decorator[];
-    component: <T extends import("@dxos/echo-schema").HasId = any, O = any>({ root, path, id, useItems, getProps, isOpen, isCurrent, draggable, gridTemplateColumns, classNames, levelOffset, renderColumns, canDrop, onOpenChange, onSelect, }: TreeProps<T, O>) => React.JSX.Element;
-    render: (props: TreeProps) => React.JSX.Element;
-    args: {
+    component: <T extends {
         id: string;
-        useItems: (parent?: TestItem) => TestItem[];
-        getProps: (parent: TestItem) => {
-            parentOf?: string[] | undefined;
-            id: string;
-            label: string;
-            icon: string | undefined;
-        };
-        isOpen: (_path: string[]) => boolean;
-        isCurrent: (_path: string[]) => boolean;
-        renderColumns: () => React.JSX.Element;
-        onOpenChange: ({ path: _path, open }: {
-            item: TestItem;
-            path: string[];
-            open: boolean;
-        }) => void;
-        onSelect: ({ path: _path, current }: {
-            item: TestItem;
-            path: string[];
-            current: boolean;
-            option: boolean;
-        }) => void;
-    };
+    } = any>({ model, rootId, path, id, draggable, gridTemplateColumns, classNames, levelOffset, renderColumns, blockInstruction, canDrop, canSelect, onOpenChange, onSelect, onItemHover, }: import("./Tree").TreeProps<T>) => React.JSX.Element;
+    render: ({ draggable }: {
+        draggable?: boolean;
+    }) => React.JSX.Element;
 };
 export default meta;
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<typeof DefaultStory>;
 export declare const Default: Story;
 export declare const Draggable: Story;
 //# sourceMappingURL=Tree.stories.d.ts.map

package/dist/types/src/components/Tree/Tree.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/Tree.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAoB,MAAM,OAAO,CAAC;AASzC,OAAO,EAAE,KAAK,QAAQ,EAA2B,MAAM,WAAW,CAAC;AACnE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAmC9C,QAAA,MAAM,IAAI;;;;oBA9BmB,SAAS;;;4BAsCd,QAAQ;2BAGT,QAAQ;;;;;;wBAQX,MAAM,EAAE;2BASL,MAAM,EAAE;;;;;;;;;;;;;;CA2BQ,CAAC;AAExC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC"}
+{"version":3,"file":"Tree.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/Tree.stories.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAA8D,MAAM,OAAO,CAAC;AAiBnF,QAAA,MAAM,YAAY,kBAAmB;IAAE,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,sBAmK3D,CAAC;AAEF,QAAA,MAAM,IAAI;;;;;;4BArK2B;QAAE,SAAS,CAAC,EAAE,OAAO,CAAA;KAAE;CA2KrB,CAAC;eAEzB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC"}

package/dist/types/src/components/Tree/TreeContext.d.ts

@@ -1,20 +1,34 @@
+import { type Atom } from '@effect-atom/atom-react';
 import { type Label } from '@dxos/react-ui';
 export type TreeItemDataProps = {
     id: string;
     label: Label;
     parentOf?: string[];
-    icon?: string;
-    disabled?: boolean;
+    /** When `false`, the item cannot be dragged (overrides tree-level `draggable`). */
+    draggable?: boolean;
+    /** When `false`, the item does not participate as a drop target. */
+    droppable?: boolean;
     className?: string;
     headingClassName?: string;
+    icon?: string;
+    iconHue?: string;
+    disabled?: boolean;
     testId?: string;
 };
-export type TreeContextType<T = any, O = any> = {
-    useItems: (parent?: T, options?: O) => T[];
-    getProps: (item: T, parent: string[]) => TreeItemDataProps;
-    isOpen: (path: string[], item: T) => boolean;
-    isCurrent: (path: string[], item: T) => boolean;
-};
-export declare const TreeProvider: import("react").Provider<TreeContextType<any, any> | null>;
-export declare const useTree: () => TreeContextType<any, any>;
+export interface TreeModel<T extends {
+    id: string;
+} = any> {
+    /** Atom family: resolve item by ID (content). */
+    item: (id: string) => Atom.Atom<T | undefined>;
+    /** Atom family: open state keyed by path. */
+    itemOpen: (path: string[]) => Atom.Atom<boolean>;
+    /** Atom family: current (selected) state keyed by path. */
+    itemCurrent: (path: string[]) => Atom.Atom<boolean>;
+    /** Atom family: display props for an item at a given path (path includes item's own ID at end). */
+    itemProps: (path: string[]) => Atom.Atom<TreeItemDataProps>;
+    /** Atom family: outbound child IDs for a parent ID (topology). Undefined = root. */
+    childIds: (parentId?: string) => Atom.Atom<string[]>;
+}
+export declare const TreeProvider: import("react").Provider<TreeModel<any> | null>;
+export declare const useTree: () => TreeModel<any>;
 //# sourceMappingURL=TreeContext.d.ts.map

package/dist/types/src/components/Tree/TreeContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TreeContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/TreeContext.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,IAAI;IAC9C,QAAQ,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;IAC3C,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,iBAAiB,CAAC;IAC3D,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IAC7C,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;CACjD,CAAC;AAIF,eAAO,MAAM,YAAY,4DAAuB,CAAC;AAEjD,eAAO,MAAM,OAAO,iCAA6E,CAAC"}
+{"version":3,"file":"TreeContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/TreeContext.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAIpD,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,mFAAmF;IACnF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oEAAoE;IACpE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG;IACvD,iDAAiD;IACjD,IAAI,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;IAC/C,6CAA6C;IAC7C,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACjD,2DAA2D;IAC3D,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACpD,mGAAmG;IACnG,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAC5D,oFAAoF;IACpF,QAAQ,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;CACtD;AAID,eAAO,MAAM,YAAY,iDAAuB,CAAC;AAEjD,eAAO,MAAM,OAAO,sBAA6E,CAAC"}

package/dist/types/src/components/Tree/TreeItem.d.ts

@@ -1,6 +1,6 @@
-import { Schema } from 'effect';
+import { type Instruction } from '@atlaskit/pragmatic-drag-and-drop-hitbox/tree-item';
+import * as Schema from 'effect/Schema';
 import { type FC } from 'react';
-import { type HasId } from '@dxos/echo-schema';
 export declare const TreeDataSchema: Schema.Struct<{
     id: typeof Schema.String;
     path: Schema.Array$<typeof Schema.String>;
@@ -8,24 +8,37 @@ export declare const TreeDataSchema: Schema.Struct<{
 }>;
 export type TreeData = Schema.Schema.Type<typeof TreeDataSchema>;
 export declare const isTreeData: (data: unknown) => data is TreeData;
-export type ColumnRenderer<T extends HasId = any> = FC<{
+export type ColumnRenderer<T extends {
+    id: string;
+} = any> = FC<{
     item: T;
     path: string[];
     open: boolean;
     menuOpen: boolean;
     setMenuOpen: (open: boolean) => void;
 }>;
-export type TreeItemProps<T extends HasId = any> = {
+export type TreeItemProps<T extends {
+    id: string;
+} = any> = {
     item: T;
     path: string[];
     levelOffset?: number;
     last: boolean;
     draggable?: boolean;
     renderColumns?: ColumnRenderer<T>;
+    blockInstruction?: (params: {
+        instruction: Instruction;
+        source: TreeData;
+        target: TreeData;
+    }) => boolean;
     canDrop?: (params: {
         source: TreeData;
         target: TreeData;
     }) => boolean;
+    canSelect?: (params: {
+        item: T;
+        path: string[];
+    }) => boolean;
     onOpenChange?: (params: {
         item: T;
         path: string[];
@@ -37,6 +50,14 @@ export type TreeItemProps<T extends HasId = any> = {
         current: boolean;
         option: boolean;
     }) => void;
+    onItemHover?: (params: {
+        item: T;
+    }) => void;
 };
 export declare const TreeItem: FC<TreeItemProps>;
+/** Resolves a child ID to an item via the `item` atom and renders a TreeItem. */
+export type TreeItemByIdProps = Omit<TreeItemProps, 'item'> & {
+    id: string;
+};
+export declare const TreeItemById: FC<TreeItemByIdProps>;
 //# sourceMappingURL=TreeItem.d.ts.map

package/dist/types/src/components/Tree/TreeItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TreeItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/TreeItem.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAc,EAAE,KAAK,EAAE,EAA+E,MAAM,OAAO,CAAC;AAEpH,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAoB/C,eAAO,MAAM,cAAc;;;;EAIzB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,cAAc,CAAC,CAAC;AACjE,eAAO,MAAM,UAAU,GAAI,MAAM,OAAO,KAAG,IAAI,IAAI,QAA2C,CAAC;AAE/F,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,KAAK,GAAG,GAAG,IAAI,EAAE,CAAC;IACrD,IAAI,EAAE,CAAC,CAAC;IACR,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,CAAC,CAAC;AAEH,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,KAAK,GAAG,GAAG,IAAI;IACjD,IAAI,EAAE,CAAC,CAAC;IACR,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,MAAM,EAAE,QAAQ,CAAC;QAAC,MAAM,EAAE,QAAQ,CAAA;KAAE,KAAK,OAAO,CAAC;IACtE,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,IAAI,EAAE,MAAM,EAAE,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5E,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,IAAI,EAAE,MAAM,EAAE,CAAC;QAAC,OAAO,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;CAC7F,CAAC;AA+NF,eAAO,MAAM,QAAQ,EAAwB,EAAE,CAAC,aAAa,CAAC,CAAC"}
+{"version":3,"file":"TreeItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/TreeItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,WAAW,EAIjB,MAAM,oDAAoD,CAAC;AAI5D,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AACxC,OAAc,EACZ,KAAK,EAAE,EASR,MAAM,OAAO,CAAC;AAuBf,eAAO,MAAM,cAAc;;;;EAIzB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,cAAc,CAAC,CAAC;AACjE,eAAO,MAAM,UAAU,SAAU,OAAO,KAAG,IAAI,IAAI,QAA2C,CAAC;AAE/F,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,IAAI,EAAE,CAAC;IAC9D,IAAI,EAAE,CAAC,CAAC;IACR,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,CAAC,CAAC;AAEH,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,IAAI;IAC1D,IAAI,EAAE,CAAC,CAAC;IACR,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IAClC,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,WAAW,EAAE,WAAW,CAAC;QAAC,MAAM,EAAE,QAAQ,CAAC;QAAC,MAAM,EAAE,QAAQ,CAAA;KAAE,KAAK,OAAO,CAAC;IACzG,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,MAAM,EAAE,QAAQ,CAAC;QAAC,MAAM,EAAE,QAAQ,CAAA;KAAE,KAAK,OAAO,CAAC;IACtE,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,IAAI,EAAE,MAAM,EAAE,CAAA;KAAE,KAAK,OAAO,CAAC;IAC7D,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,IAAI,EAAE,MAAM,EAAE,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5E,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,IAAI,EAAE,MAAM,EAAE,CAAC;QAAC,OAAO,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5F,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,CAAC,CAAA;KAAE,KAAK,IAAI,CAAC;CAC7C,CAAC;AAyRF,eAAO,MAAM,QAAQ,EAAwB,EAAE,CAAC,aAAa,CAAC,CAAC;AAE/D,iFAAiF;AACjF,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAW7E,eAAO,MAAM,YAAY,EAA4B,EAAE,CAAC,iBAAiB,CAAC,CAAC"}

package/dist/types/src/components/Tree/TreeItemHeading.d.ts

@@ -1,12 +1,13 @@
 import React from 'react';
 import { type Label } from '@dxos/react-ui';
-export type NavTreeItemHeadingProps = {
+export type TreeItemHeadingProps = {
     label: Label;
-    icon?: string;
     className?: string;
+    icon?: string;
+    iconHue?: string;
     disabled?: boolean;
     current?: boolean;
     onSelect?: (option: boolean) => void;
 };
-export declare const TreeItemHeading: React.NamedExoticComponent<NavTreeItemHeadingProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const TreeItemHeading: React.NamedExoticComponent<TreeItemHeadingProps & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=TreeItemHeading.d.ts.map

package/dist/types/src/components/Tree/TreeItemHeading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TreeItemHeading.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/TreeItemHeading.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAElG,OAAO,EAAgB,KAAK,KAAK,EAAqC,MAAM,gBAAgB,CAAC;AAK7F,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,eAAe,8FAuD3B,CAAC"}
+{"version":3,"file":"TreeItemHeading.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/TreeItemHeading.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAElG,OAAO,EAAgB,KAAK,KAAK,EAAqC,MAAM,gBAAgB,CAAC;AAM7F,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,eAAe,2FAuD3B,CAAC"}

package/dist/types/src/components/Tree/TreeItemToggle.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-export type TreeItemToggleProps = {
+import { type IconButtonProps } from '@dxos/react-ui';
+export type TreeItemToggleProps = Omit<IconButtonProps, 'icon' | 'size' | 'label'> & {
     open?: boolean;
     isBranch?: boolean;
-    onToggle?: () => void;
     hidden?: boolean;
 };
-export declare const TreeItemToggle: React.NamedExoticComponent<TreeItemToggleProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const TreeItemToggle: React.NamedExoticComponent<Omit<TreeItemToggleProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=TreeItemToggle.d.ts.map

package/dist/types/src/components/Tree/TreeItemToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TreeItemToggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/TreeItemToggle.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAIhD,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,cAAc,0FAgB1B,CAAC"}
+{"version":3,"file":"TreeItemToggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/TreeItemToggle.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAElE,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,GAAG;IACnF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,cAAc,uGA4B1B,CAAC"}

package/dist/types/src/components/Tree/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/helpers.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,mBAAmB,IAAI,CAAC;AAErC,eAAO,MAAM,kBAAkB,GAAI,OAAO,MAAM,EAAE,oBAAiC;;CAEjF,CAAC"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/helpers.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,mBAAmB,IAAI,CAAC;AAErC,eAAO,MAAM,kBAAkB,UAAW,MAAM;IAC9C,kBAAkB;CAClB,CAAC"}

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

@@ -1,4 +1,6 @@
 export * from './Tree';
 export * from './TreeContext';
 export * from './TreeItem';
+export * from './TreeItemToggle';
+export * from './helpers';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/index.ts"],"names":[],"mappings":"AAIA,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/index.ts"],"names":[],"mappings":"AAIA,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC"}

package/dist/types/src/components/Tree/testing.d.ts

@@ -1,8 +1,8 @@
 import { type Instruction } from '@atlaskit/pragmatic-drag-and-drop-hitbox/tree-item';
-import { Schema } from 'effect';
-import { type HasId } from '@dxos/echo-schema';
+import * as Schema from 'effect/Schema';
 import { type TreeData } from './TreeItem';
-export type TestItem = HasId & {
+export type TestItem = {
+    id: string;
     name: string;
     icon?: string;
     items: TestItem[];

package/dist/types/src/components/Tree/testing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"testing.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/testing.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAEhC,OAAO,EAAE,KAAK,KAAK,EAAY,MAAM,mBAAmB,CAAC;AAIzD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,QAAQ,EAAE,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;EAKzB,CAAC;AAEH,eAAO,MAAM,UAAU,GAAI,UAAK,EAAE,UAAK,KAAG,QAaxC,CAAC;AAmBH,eAAO,MAAM,WAAW,GAAI,yCAKzB;IACD,KAAK,EAAE,QAAQ,CAAC;IAChB,WAAW,EAAE,WAAW,CAAC;IACzB,MAAM,EAAE,QAAQ,CAAC;IACjB,MAAM,EAAE,QAAQ,CAAC;CAClB,SAgCA,CAAC"}
+{"version":3,"file":"testing.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tree/testing.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAMxC,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,QAAQ,EAAE,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;EAKzB,CAAC;AAEH,eAAO,MAAM,UAAU,8BAAmB,QAaxC,CAAC;AAmBH,eAAO,MAAM,WAAW,4CAKrB;IACD,KAAK,EAAE,QAAQ,CAAC;IAChB,WAAW,EAAE,WAAW,CAAC;IACzB,MAAM,EAAE,QAAQ,CAAC;IACjB,MAAM,EAAE,QAAQ,CAAC;CAClB,SAgCA,CAAC"}

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

@@ -1,4 +1,8 @@
 export * from './Accordion';
+export * from './Combobox';
 export * from './List';
+export * from './Listbox';
+export * from './Picker';
+export * from './RowList';
 export * from './Tree';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}

package/dist/types/src/util/path.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"path.d.ts","sourceRoot":"","sources":["../../../../src/util/path.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI;sBACG,MAAM,EAAE;kBAEZ,MAAM;mBACL,MAAM;kBACP,MAAM;iBACP,MAAM;mBACJ,MAAM;oBAEL,MAAM,MAAM,MAAM;qBACjB,MAAM,WAAW,MAAM;0BAClB,MAAM,WAAW,MAAM;qBAC5B,MAAM,WAAW,MAAM;mBACzB,MAAM,MAAM,MAAM;CAClC,CAAC"}
+{"version":3,"file":"path.d.ts","sourceRoot":"","sources":["../../../../src/util/path.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI;IACf,MAAM,YAAY,MAAM,EAAE;IAE1B,KAAK,SAAS,MAAM;IACpB,MAAM,SAAS,MAAM;IACrB,KAAK,SAAS,MAAM;IACpB,IAAI,SAAS,MAAM;IACnB,MAAM,SAAS,MAAM;IAErB,OAAO,SAAS,MAAM,MAAM,MAAM;IAClC,QAAQ,SAAS,MAAM,WAAW,MAAM;IACxC,aAAa,SAAS,MAAM,WAAW,MAAM;IAC7C,QAAQ,SAAS,MAAM,WAAW,MAAM;IACxC,MAAM,SAAS,MAAM,MAAM,MAAM;CAClC,CAAC"}