@bccampus/ui-components 0.7.1 → 0.8.0

package/.yarnrc.yml

@@ -1,3 +1 @@
 nodeLinker: node-modules
-
-yarnPath: .yarn/releases/yarn-4.10.3.cjs

package/dist/_chunks/createLucideIcon.js

@@ -1,4 +1,7 @@
 import { forwardRef, createElement } from "react";
+const mergeClasses = (...classes) => classes.filter((className, index, array) => {
+  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+}).join(" ").trim();
 const toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 const toCamelCase = (string) => string.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
@@ -8,16 +11,6 @@ const toPascalCase = (string) => {
   const camelCase = toCamelCase(string);
   return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
 };
-const mergeClasses = (...classes) => classes.filter((className, index, array) => {
-  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
-}).join(" ").trim();
-const hasA11yProp = (props) => {
-  for (const prop in props) {
-    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
-      return true;
-    }
-  }
-};
 var defaultAttributes = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
@@ -29,6 +22,14 @@ var defaultAttributes = {
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
+const hasA11yProp = (props) => {
+  for (const prop in props) {
+    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
+      return true;
+    }
+  }
+  return false;
+};
 const Icon = forwardRef(
   ({
     color = "currentColor",

package/dist/_chunks/index.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { c as composeRefs } from "./index3.js";
 import { jsx, Fragment } from "react/jsx-runtime";
-var REACT_LAZY_TYPE = Symbol.for("react.lazy");
+var REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy");
 var use = React[" use ".trim().toString()];
 function isPromiseLike(value) {
   return typeof value === "object" && value !== null && "then" in value;
@@ -57,7 +57,7 @@ function createSlotClone(ownerName) {
   SlotClone.displayName = `${ownerName}.SlotClone`;
   return SlotClone;
 }
-var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
+var SLOTTABLE_IDENTIFIER = /* @__PURE__ */ Symbol("radix.slottable");
 // @__NO_SIDE_EFFECTS__
 function createSlottable(ownerName) {
   const Slottable2 = ({ children }) => {

package/dist/_chunks/index4.js

@@ -108,7 +108,7 @@ function createSlotClone(ownerName) {
   SlotClone.displayName = `${ownerName}.SlotClone`;
   return SlotClone;
 }
-var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
+var SLOTTABLE_IDENTIFIER = /* @__PURE__ */ Symbol("radix.slottable");
 function isSlottable(child) {
   return React.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
 }
@@ -174,7 +174,7 @@ var Primitive = NODES.reduce((primitive, node) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot : node;
     if (typeof window !== "undefined") {
-      window[Symbol.for("radix-ui")] = true;
+      window[/* @__PURE__ */ Symbol.for("radix-ui")] = true;
     }
     return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });
   });

package/dist/components/index.js

@@ -1,13 +1,15 @@
 import { CompositeData } from "./ui/composite/CompositeData.js";
 import { CompositeDataItem } from "./ui/composite/CompositeDataItem.js";
-import { AbstractFocusProvider } from "./ui/composite/FocusProvider/AbstractFocusProvider.js";
-import { ListboxFocusProvider } from "./ui/composite/FocusProvider/ListboxFocusProvider.js";
-import { AbstractSelectionProvider } from "./ui/composite/SelectionProvider/AbstractSelectionProvider.js";
-import { SingleSelectionProvider } from "./ui/composite/SelectionProvider/SingleSelectionProvider.js";
-import { MultipleSelectionProvider } from "./ui/composite/SelectionProvider/MultipleSelectionProvider.js";
-import { CompositeComponent } from "./ui/composite/composite-component.js";
-import { CompositeComponentItem } from "./ui/composite/composite-component-item.js";
-import { Listbox } from "./ui/composite/listbox.js";
+import { AbstractFocusManager } from "./ui/composite/FocusManager/AbstractFocusManager.js";
+import { ListboxFocusManager } from "./ui/composite/FocusManager/ListboxFocusManager.js";
+import { AbstractSelectionManager } from "./ui/composite/SelectionManager/AbstractSelectionManager.js";
+import { SingleSelectionManager } from "./ui/composite/SelectionManager/SingleSelectionManager.js";
+import { MultipleSelectionManager } from "./ui/composite/SelectionManager/MultipleSelectionManager.js";
+import { CompositeComponent } from "./ui/composite/components/composite-component.js";
+import { CompositeComponentItem } from "./ui/composite/components/composite-component-item.js";
+import { Listbox } from "./ui/composite/components/listbox.js";
+import { isOutsideElement } from "./ui/composite/components/utils.js";
+import { createAsyncCompositeData, createCompositeData } from "./ui/composite/create-composite-data.js";
 import { IconGenerator } from "./ui/icon-generator/icon-generator.js";
 import { generateIconPattern, generateTiles } from "./ui/icon-generator/generate-tiles.js";
 import { MaskedImageGenerator } from "./ui/icon-generator/masked-image-generator.js";
@@ -27,8 +29,8 @@ import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./ui/pop
 import { SearchInput } from "./ui/search-input.js";
 import { Tag, tagVariants } from "./ui/tag.js";
 export {
-  AbstractFocusProvider,
-  AbstractSelectionProvider,
+  AbstractFocusManager,
+  AbstractSelectionManager,
   Banner,
   Button,
   Caption,
@@ -52,9 +54,9 @@ export {
   IconGenerator,
   Input,
   Listbox,
-  ListboxFocusProvider,
+  ListboxFocusManager,
   MaskedImageGenerator,
-  MultipleSelectionProvider,
+  MultipleSelectionManager,
   NavigationMenu,
   NavigationMenuContent,
   NavigationMenuIndicator,
@@ -72,13 +74,16 @@ export {
   PopoverContent,
   PopoverTrigger,
   SearchInput,
-  SingleSelectionProvider,
+  SingleSelectionManager,
   Tag,
   TileShape,
   buttonVariants,
   captionVariants,
+  createAsyncCompositeData,
+  createCompositeData,
   generateIconPattern,
   generateTiles,
+  isOutsideElement,
   navigationMenuTriggerStyle,
   tagVariants
 };

package/dist/components/ui/composite/CompositeData.d.ts

@@ -1,18 +1,19 @@
-import { CompositeItemKey, CompositeOptions, CompositeProviderOptions } from './types';
+import { CompositeItemKey, CompositeOptions, CompositeManagerOptions } from './types';
 import { CompositeDataItem } from './CompositeDataItem';
-import { AbstractFocusProvider } from './FocusProvider/AbstractFocusProvider';
-import { AbstractSelectionProvider } from './SelectionProvider/AbstractSelectionProvider';
+import { AbstractFocusManager } from './FocusManager/AbstractFocusManager';
+import { AbstractSelectionManager } from './SelectionManager/AbstractSelectionManager';
 export declare class CompositeData<T extends object> implements Iterable<CompositeDataItem<T>> {
     #private;
     lookup: Map<CompositeItemKey, CompositeDataItem<T>>;
-    focusProvider: AbstractFocusProvider<T>;
-    selectionProvider?: AbstractSelectionProvider<T>;
+    focusManager: AbstractFocusManager<T>;
+    selectionManager?: AbstractSelectionManager<T>;
     disabledKeys: Set<CompositeItemKey>;
-    root: CompositeDataItem<T>;
-    constructor(items: T[], providerOptions: CompositeProviderOptions<T>, options?: CompositeOptions);
+    root?: CompositeDataItem<T>;
+    constructor(items: T[] | null, managerOptions: CompositeManagerOptions<T>, options?: CompositeOptions);
     [Symbol.iterator](): Iterator<CompositeDataItem<T>>;
     toJSON(): T[];
-    init(items: T[]): void;
+    get version(): import('nanostores').PreinitializedWritableAtom<number> & object;
+    setItems(items: T[]): void;
     item(key: CompositeItemKey): CompositeDataItem<T> | undefined;
     descendants(itemKey: CompositeItemKey): CompositeDataItem<T>[] | undefined;
     ancestors(itemKey: CompositeItemKey): CompositeDataItem<T>[] | undefined;

package/dist/components/ui/composite/CompositeData.js

@@ -1,13 +1,15 @@
 import { CompositeDataItem } from "./CompositeDataItem.js";
 import { union } from "../../../lib/set-operations.js";
+import { atom } from "nanostores";
 class CompositeData {
   #options;
+  #version = atom(0);
   lookup = /* @__PURE__ */ new Map();
-  focusProvider;
-  selectionProvider;
+  focusManager;
+  selectionManager;
   disabledKeys = /* @__PURE__ */ new Set();
-  root;
-  constructor(items, providerOptions, options) {
+  root = void 0;
+  constructor(items, managerOptions, options) {
     this.#options = {
       itemKeyProp: "key",
       itemChildrenProp: "children",
@@ -19,22 +21,26 @@ class CompositeData {
       getItemChildren: (item) => item[this.#options.itemChildrenProp] ? item[this.#options.itemChildrenProp] : void 0,
       ...options
     };
-    this.focusProvider = providerOptions.focusProvider;
-    this.selectionProvider = providerOptions.selectionProvider;
-    this.init(items);
+    this.focusManager = managerOptions.focusManager;
+    this.selectionManager = managerOptions.selectionManager;
+    if (items) this.setItems(items);
   }
   *[Symbol.iterator]() {
-    if (this.root.children) {
+    if (this.root?.children) {
       for (const node of this.root.children) {
         yield node;
       }
     }
   }
   toJSON() {
+    if (!this.root) return [];
     const json = this.root.toJSON();
     return json[this.#options.itemChildrenProp];
   }
-  init(items) {
+  get version() {
+    return this.#version;
+  }
+  setItems(items) {
     this.root = new CompositeDataItem(
       { [this.#options.itemKeyProp]: "ALL", [this.#options.itemChildrenProp]: items },
       this.#options,
@@ -42,9 +48,9 @@ class CompositeData {
     );
     this.lookup = new Map([...this.root].map((item) => [item.key, item]));
     this.#options.disabledKeys.forEach((disabledKey) => this.#disable(disabledKey));
-    if (this.selectionProvider)
-      this.selectionProvider.init(this, this.#options);
-    this.focusProvider.init(this, this.#options);
+    if (this.selectionManager) this.selectionManager.init(this, this.#options);
+    this.focusManager.init(this, this.#options);
+    this.#version.set(this.#version.value + 1);
   }
   item(key) {
     return this.lookup.get(key);
@@ -79,8 +85,8 @@ class CompositeData {
     }
   }
   #updateIfSelectedItem(key) {
-    if (this.selectionProvider && this.selectionProvider.selectedKeys.get().has(key)) {
-      this.selectionProvider.selectedKeys.set(/* @__PURE__ */ new Set([...this.selectionProvider.selectedKeys.get()]));
+    if (this.selectionManager && this.selectionManager.selectedKeys.get().has(key)) {
+      this.selectionManager.selectedKeys.set(/* @__PURE__ */ new Set([...this.selectionManager.selectedKeys.get()]));
     }
   }
 }

package/dist/components/ui/composite/{FocusProvider/AbstractFocusProvider.d.ts → FocusManager/AbstractFocusManager.d.ts}

@@ -2,21 +2,8 @@ import { PreinitializedWritableAtom } from 'nanostores';
 import { CompositeData } from '../CompositeData';
 import { CompositeDataItem } from '../CompositeDataItem';
 import { CompositeDataOptions, CompositeItemKey } from '../types';
-export interface FocusProvider {
-    focus(itemKey: CompositeItemKey): void;
-    focusUp(): void;
-    focusDown(): void;
-    focusLeft(): void;
-    focusRight(): void;
-    focusPageUp(): void;
-    focesPageDown(): void;
-    focusToFirst(): void;
-    focusToLast(): void;
-    focusToFirstInRow(): void;
-    focusToLastInRow(): void;
-    focusToTypeAheadMatch(): void;
-}
-export declare abstract class AbstractFocusProvider<T extends object> implements FocusProvider {
+import { IFocusManager } from './types';
+export declare abstract class AbstractFocusManager<T extends object> implements IFocusManager<T> {
     protected data: CompositeData<T>;
     protected dataOptions: CompositeDataOptions<T>;
     firstFocusableItem: CompositeDataItem<T> | null;
@@ -24,9 +11,11 @@ export declare abstract class AbstractFocusProvider<T extends object> implements
     focusedItem: PreinitializedWritableAtom<CompositeDataItem<T> | null>;
     init(data: CompositeData<T>, dataOptions: CompositeDataOptions<T>): void;
     isFocusable(itemAtom: CompositeDataItem<T>): boolean;
+    getFocusedItem(): CompositeDataItem<T> | null;
     focus(itemKey: CompositeItemKey): void;
     focus(item: CompositeDataItem<T>): void;
     focus(item: CompositeDataItem<T> | CompositeItemKey | null): void;
+    blur(): void;
     abstract setFocusPointers(): readonly [first: CompositeDataItem<T> | null, last: CompositeDataItem<T> | null];
     abstract focusUp(): void;
     abstract focusDown(): void;

package/dist/components/ui/composite/FocusManager/AbstractFocusManager.js

@@ -0,0 +1,52 @@
+import { atom } from "nanostores";
+import { CompositeDataItem } from "../CompositeDataItem.js";
+class AbstractFocusManager {
+  data;
+  dataOptions;
+  firstFocusableItem;
+  lastFocusableItem;
+  focusedItem = atom(null);
+  init(data, dataOptions) {
+    this.data = data;
+    this.dataOptions = dataOptions;
+    const [first, last] = this.setFocusPointers();
+    this.firstFocusableItem = first;
+    this.lastFocusableItem = last;
+    const prevFocusedItem = this.focusedItem.get();
+    if (prevFocusedItem) {
+      const _item = this.data.lookup.get(prevFocusedItem.key);
+      if (!_item) {
+        this.focusedItem.set(null);
+        return;
+      }
+      _item.state.setKey("focused", true);
+      this.focusedItem.set(_item);
+    }
+  }
+  isFocusable(itemAtom) {
+    return !itemAtom.state.get().disabled;
+  }
+  getFocusedItem() {
+    return this.focusedItem.get();
+  }
+  focus(item) {
+    if (!item) return;
+    const _item = item instanceof CompositeDataItem ? item : this.data.lookup.get(item);
+    if (!_item) return;
+    const focusedItem = this.focusedItem.get();
+    if (focusedItem) {
+      if (_item.key === focusedItem.key) return;
+      focusedItem.state.setKey("focused", false);
+    }
+    _item.state.setKey("focused", true);
+    this.focusedItem.set(_item);
+  }
+  blur() {
+    const _item = this.focusedItem.get();
+    if (_item) _item.state.setKey("focused", false);
+    this.focusedItem.set(null);
+  }
+}
+export {
+  AbstractFocusManager
+};

package/dist/components/ui/composite/{FocusProvider/ListboxFocusProvider.d.ts → FocusManager/ListboxFocusManager.d.ts}

@@ -1,6 +1,6 @@
 import { CompositeDataItem } from '../CompositeDataItem';
-import { AbstractFocusProvider } from './AbstractFocusProvider';
-export declare class ListboxFocusProvider<T extends object> extends AbstractFocusProvider<T> {
+import { AbstractFocusManager } from './AbstractFocusManager';
+export declare class ListboxFocusManager<T extends object> extends AbstractFocusManager<T> {
     setFocusPointers(): readonly [CompositeDataItem<T> | null, CompositeDataItem<T> | null];
     focusUp(): void;
     focusDown(): void;

package/dist/components/ui/composite/{FocusProvider/ListboxFocusProvider.js → FocusManager/ListboxFocusManager.js}

@@ -1,5 +1,5 @@
-import { AbstractFocusProvider } from "./AbstractFocusProvider.js";
-class ListboxFocusProvider extends AbstractFocusProvider {
+import { AbstractFocusManager } from "./AbstractFocusManager.js";
+class ListboxFocusManager extends AbstractFocusManager {
   setFocusPointers() {
     let first = null;
     let last = null;
@@ -55,5 +55,5 @@ class ListboxFocusProvider extends AbstractFocusProvider {
   }
 }
 export {
-  ListboxFocusProvider
+  ListboxFocusManager
 };

package/dist/components/ui/composite/FocusManager/index.d.ts

@@ -0,0 +1,3 @@
+export * from './AbstractFocusManager';
+export * from './ListboxFocusManager';
+export type * from './types';

package/dist/components/ui/composite/FocusManager/index.js

@@ -0,0 +1,6 @@
+import { AbstractFocusManager } from "./AbstractFocusManager.js";
+import { ListboxFocusManager } from "./ListboxFocusManager.js";
+export {
+  AbstractFocusManager,
+  ListboxFocusManager
+};

package/dist/components/ui/composite/FocusManager/types.d.ts

@@ -0,0 +1,20 @@
+import { CompositeDataItem } from '../CompositeDataItem';
+import { CompositeItemKey } from '../types';
+export interface IFocusManager<T extends object> {
+    getFocusedItem(): CompositeDataItem<T> | null;
+    focus(itemKey: CompositeItemKey): void;
+    focus(item: CompositeDataItem<T>): void;
+    focus(item: CompositeDataItem<T> | CompositeItemKey | null): void;
+    blur(): void;
+    focusUp(): void;
+    focusDown(): void;
+    focusLeft(): void;
+    focusRight(): void;
+    focusPageUp(): void;
+    focesPageDown(): void;
+    focusToFirst(): void;
+    focusToLast(): void;
+    focusToFirstInRow(): void;
+    focusToLastInRow(): void;
+    focusToTypeAheadMatch(): void;
+}

package/dist/components/ui/composite/FocusManager/types.js

@@ -0,0 +1 @@
+

package/dist/components/ui/composite/{SelectionProvider/AbstractSelectionProvider.d.ts → SelectionManager/AbstractSelectionManager.d.ts}

@@ -2,23 +2,16 @@ import { PreinitializedWritableAtom } from 'nanostores';
 import { CompositeData } from '../CompositeData';
 import { CompositeDataItem } from '../CompositeDataItem';
 import { CompositeDataOptions, CompositeItemKey } from '../types';
-export interface SelectionProvider {
-    select(itemKey?: CompositeItemKey, recursive?: boolean): void;
-    deselect(itemKey?: CompositeItemKey, recursive?: boolean): void;
-    toggleSelect(itemKey?: CompositeItemKey, recursive?: boolean): void;
-}
-export interface SelectionProviderOptions<T extends object> {
-    onSelect?: (item: T) => void;
-    onDeselect?: (item: T) => void;
-    onChange?: (item: Set<CompositeItemKey>) => void;
-}
-export declare abstract class AbstractSelectionProvider<T extends object> {
+import { SelectionManager, SelectionManagerOptions } from './types';
+export declare abstract class AbstractSelectionManager<T extends object> implements SelectionManager<T> {
     protected data: CompositeData<T>;
     protected dataOptions: CompositeDataOptions<T>;
+    protected abstract multiselect: boolean;
     selectedKeys: PreinitializedWritableAtom<Set<CompositeItemKey>>;
-    options?: SelectionProviderOptions<T>;
-    constructor(options?: SelectionProviderOptions<T>);
+    options?: SelectionManagerOptions<T>;
+    constructor(options?: SelectionManagerOptions<T>);
     init(data: CompositeData<T>, dataOptions: CompositeDataOptions<T>): void;
+    getSelectedKeys(): Set<CompositeItemKey>;
     abstract select(itemKey?: CompositeItemKey, recursive?: boolean): void;
     abstract select(item: CompositeDataItem<T>, recursive?: boolean): void;
     abstract select(item?: CompositeDataItem<T> | CompositeItemKey, recursive?: boolean): void;

package/dist/components/ui/composite/{SelectionProvider/AbstractSelectionProvider.js → SelectionManager/AbstractSelectionManager.js}

@@ -1,6 +1,6 @@
 import { atom } from "nanostores";
 import { CompositeDataItem } from "../CompositeDataItem.js";
-class AbstractSelectionProvider {
+class AbstractSelectionManager {
   data;
   dataOptions;
   selectedKeys = atom(/* @__PURE__ */ new Set());
@@ -11,15 +11,22 @@ class AbstractSelectionProvider {
   init(data, dataOptions) {
     this.data = data;
     this.dataOptions = dataOptions;
-    this.dataOptions.selectedKeys.forEach((selectedKey) => this.select(selectedKey));
+    if (this.data.version.get() > 0) {
+      this.selectedKeys.get().forEach((key) => this.select(key));
+    } else {
+      this.dataOptions.selectedKeys.forEach((selectedKey) => this.select(selectedKey));
+    }
+  }
+  getSelectedKeys() {
+    return this.selectedKeys.get();
   }
   toggleSelect(item, recursive = false) {
-    const _item = item ? item instanceof CompositeDataItem ? item : this.data.lookup.get(item) : this.data.focusProvider.focusedItem.get();
+    const _item = item ? item instanceof CompositeDataItem ? item : this.data.lookup.get(item) : this.data.focusManager.focusedItem.get();
     if (!_item) return;
     if (_item.state.get().selected) this.deselect(_item, recursive);
     else this.select(_item, recursive);
   }
 }
 export {
-  AbstractSelectionProvider
+  AbstractSelectionManager
 };

package/dist/components/ui/composite/{SelectionProvider/MultipleSelectionProvider.d.ts → SelectionManager/MultipleSelectionManager.d.ts}

@@ -1,7 +1,8 @@
 import { CompositeDataItem } from '../CompositeDataItem';
 import { CompositeItemKey } from '../types';
-import { AbstractSelectionProvider } from './AbstractSelectionProvider';
-export declare class MultipleSelectionProvider<T extends object> extends AbstractSelectionProvider<T> {
+import { AbstractSelectionManager } from './AbstractSelectionManager';
+export declare class MultipleSelectionManager<T extends object> extends AbstractSelectionManager<T> {
+    protected multiselect: boolean;
     select(itemKey: CompositeItemKey, recursive?: boolean): void;
     select(item: CompositeDataItem<T>, recursive?: boolean): void;
     deselect(itemKey: CompositeItemKey, recursive?: boolean): void;

package/dist/components/ui/composite/{SelectionProvider/MultipleSelectionProvider.js → SelectionManager/MultipleSelectionManager.js}

@@ -1,7 +1,8 @@
 import { CompositeDataItem } from "../CompositeDataItem.js";
-import { AbstractSelectionProvider } from "./AbstractSelectionProvider.js";
+import { AbstractSelectionManager } from "./AbstractSelectionManager.js";
 import { union, difference } from "../../../../lib/set-operations.js";
-class MultipleSelectionProvider extends AbstractSelectionProvider {
+class MultipleSelectionManager extends AbstractSelectionManager {
+  multiselect = true;
   select(item, recursive = false) {
     const _item = item instanceof CompositeDataItem ? item : this.data.lookup.get(item);
     if (!_item) return;
@@ -20,5 +21,5 @@ class MultipleSelectionProvider extends AbstractSelectionProvider {
   }
 }
 export {
-  MultipleSelectionProvider
+  MultipleSelectionManager
 };

package/dist/components/ui/composite/{SelectionProvider/SingleSelectionProvider.d.ts → SelectionManager/SingleSelectionManager.d.ts}

@@ -1,7 +1,8 @@
 import { CompositeDataItem } from '../CompositeDataItem';
 import { CompositeItemKey } from '../types';
-import { AbstractSelectionProvider } from './AbstractSelectionProvider';
-export declare class SingleSelectionProvider<T extends object> extends AbstractSelectionProvider<T> {
+import { AbstractSelectionManager } from './AbstractSelectionManager';
+export declare class SingleSelectionManager<T extends object> extends AbstractSelectionManager<T> {
+    protected multiselect: boolean;
     select(itemKey?: CompositeItemKey, recursive?: boolean): void;
     select(item: CompositeDataItem<T>, recursive?: boolean): void;
     deselect(itemKey?: CompositeItemKey, recursive?: boolean): void;

package/dist/components/ui/composite/{SelectionProvider/SingleSelectionProvider.js → SelectionManager/SingleSelectionManager.js}

@@ -1,9 +1,10 @@
 import { CompositeDataItem } from "../CompositeDataItem.js";
-import { AbstractSelectionProvider } from "./AbstractSelectionProvider.js";
+import { AbstractSelectionManager } from "./AbstractSelectionManager.js";
 import { difference } from "../../../../lib/set-operations.js";
-class SingleSelectionProvider extends AbstractSelectionProvider {
+class SingleSelectionManager extends AbstractSelectionManager {
+  multiselect = false;
   select(item, _recursive = false) {
-    const _item = item ? item instanceof CompositeDataItem ? item : this.data.lookup.get(item) : this.data.focusProvider.focusedItem.get();
+    const _item = item ? item instanceof CompositeDataItem ? item : this.data.lookup.get(item) : this.data.focusManager.focusedItem.get();
     if (!_item) return;
     this.selectedKeys.get().forEach((selectedKey) => {
       const _item2 = this.data.lookup.get(selectedKey);
@@ -17,7 +18,7 @@ class SingleSelectionProvider extends AbstractSelectionProvider {
     this.options?.onChange?.(this.selectedKeys.get());
   }
   deselect(item, _recursive = false) {
-    const _item = item ? item instanceof CompositeDataItem ? item : this.data.lookup.get(item) : this.data.focusProvider.focusedItem.get();
+    const _item = item ? item instanceof CompositeDataItem ? item : this.data.lookup.get(item) : this.data.focusManager.focusedItem.get();
     if (!_item) return;
     const deselectedKeys = _item.deselect(false);
     this.options?.onDeselect?.(_item.data.get());
@@ -26,5 +27,5 @@ class SingleSelectionProvider extends AbstractSelectionProvider {
   }
 }
 export {
-  SingleSelectionProvider
+  SingleSelectionManager
 };

package/dist/components/ui/composite/SelectionManager/index.d.ts

@@ -0,0 +1,4 @@
+export * from './AbstractSelectionManager';
+export * from './SingleSelectionManager';
+export * from './MultipleSelectionManager';
+export type * from './types';

package/dist/components/ui/composite/SelectionManager/index.js

@@ -0,0 +1,8 @@
+import { AbstractSelectionManager } from "./AbstractSelectionManager.js";
+import { SingleSelectionManager } from "./SingleSelectionManager.js";
+import { MultipleSelectionManager } from "./MultipleSelectionManager.js";
+export {
+  AbstractSelectionManager,
+  MultipleSelectionManager,
+  SingleSelectionManager
+};

package/dist/components/ui/composite/SelectionManager/types.d.ts

@@ -0,0 +1,19 @@
+import { CompositeDataItem } from '../CompositeDataItem';
+import { CompositeItemKey } from '../types';
+export interface SelectionManager<T extends object> {
+    getSelectedKeys(): Set<CompositeItemKey>;
+    select(itemKey?: CompositeItemKey, recursive?: boolean): void;
+    select(item: CompositeDataItem<T>, recursive?: boolean): void;
+    select(item?: CompositeDataItem<T> | CompositeItemKey, recursive?: boolean): void;
+    deselect(itemKey?: CompositeItemKey, recursive?: boolean): void;
+    deselect(item: CompositeDataItem<T>, recursive?: boolean): void;
+    deselect(item?: CompositeDataItem<T> | CompositeItemKey, recursive?: boolean): void;
+    toggleSelect(itemKey?: CompositeItemKey, recursive?: boolean): void;
+    toggleSelect(item: CompositeDataItem<T>, recursive?: boolean): void;
+    toggleSelect(item: CompositeDataItem<T> | CompositeItemKey, recursive?: boolean): void;
+}
+export interface SelectionManagerOptions<T extends object> {
+    onSelect?: (item: T) => void;
+    onDeselect?: (item: T) => void;
+    onChange?: (selectedKeys: Set<CompositeItemKey>) => void;
+}

package/dist/components/ui/composite/SelectionManager/types.js

@@ -0,0 +1 @@
+

package/dist/components/ui/composite/components/composite-component.d.ts

@@ -0,0 +1,2 @@
+import { CompositeProps } from './types.ts';
+export declare function CompositeComponent<T extends object>({ data, rootRole, itemRole, groupRole, renderItem, className, itemClassName, rootRef, handleRef, id, itemMouseEventHandler, itemKeyboardEventHandler, initialFocus, softFocus, ...props }: CompositeProps<T>): import("react").JSX.Element;