npm - @workday/canvas-kit-react - Versions diffs - 8.5.0-339-next.0 → 8.5.0-342-next.2 - Mend

@workday/canvas-kit-react 8.5.0-339-next.0 → 8.5.0-342-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (810) hide show

package/dist/commonjs/breadcrumbs/lib/Breadcrumbs.d.ts CHANGED Viewed

@@ -12,14 +12,10 @@ export interface BreadcrumbsProps {
     children: React.ReactNode;
 }
 /**
- * ## Breadcrumbs
- * ---
- * [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs#examples)
+ * `Breadcrumbs` is a container component that is responsible for creating a
+ * {@link BreadcrumbsModel} and sharing it with its subcomponents using React context. It also
+ * renders `nav` element, and `aria-label` attribute must be provided for this element.
  *
- * A compound component that allows users to keep track and maintain awareness
- * of their location as they navigate through pages, folders, files, etc.
- *
- * @example
  * ```tsx
  * <Breadcrumbs aria-label="Breadcrumbs">
  *   <Breadcrumbs.List>
@@ -35,8 +31,32 @@ export interface BreadcrumbsProps {
  *   <Breadcrumbs.List>
  * </Breadcrumbs>
  * ```
+ *
+ * You may pass {@link BreadcrumbsModelConfig} directly to the `Breadcrumbs` component.
+ *
+ * ```tsx
+ * <Breadcrumbs items={[]} aria-label="Breadcrumbs">
+ *   {Child components}
+ * </Breadcrumbs>
+ * ```
+ *
+ * Alternatively, you may pass in a model using the hoisted model pattern.
+ *
+ * ```tsx
+ * const model = useBreadcrumbsModel({
+ *   items: [],
+ * });
+ *
+ * <Breadcrumbs model={model} aria-label="Breadcrumbs">
+ *   {Child components}
+ * </Breadcrumbs>;
+ * ```
+ *
+ * Note that if you pass in a `model` configured with {@link useBreadcrumbsModel}, configuration
+ * props passed to `Breadcrumbs` will be ignored. `aria-label` attribute must be provided for `nav`
+ * element.
  */
-export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav", BreadcrumbsProps & Partial<{
+export declare const Breadcrumbs: import("@workday/canvas-kit-react/common").ElementComponentM<"nav", BreadcrumbsProps & Partial<{
     id: string;
     orientation: import("../../collection/lib/useBaseListModel").Orientation;
     menuConfig: Partial<{
@@ -60,13 +80,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         items: any[];
     }>;
     initialHiddenIds: string[];
-    containerWidth: number; /**
-     * ### Breadcrumbs List
-     * ---
-     * [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbslist)
-     *
-     * The nav list containing `Breadcrumbs.Item` components and overflow button.
-     */
+    containerWidth: number;
     shouldCalculateOverflow: boolean;
     initialSelectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
     initialUnselectedIds: string[];
@@ -90,7 +104,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -117,7 +131,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -144,7 +158,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -172,7 +186,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -199,7 +213,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -226,7 +240,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -253,7 +267,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -278,7 +292,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -303,7 +317,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -331,7 +345,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -358,7 +372,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -383,7 +397,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -408,7 +422,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -433,7 +447,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -458,7 +472,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -483,7 +497,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -508,7 +522,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -533,7 +547,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -558,7 +572,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -583,7 +597,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -608,7 +622,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -635,7 +649,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -662,7 +676,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -690,7 +704,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -717,7 +731,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -744,7 +758,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -772,7 +786,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -799,7 +813,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -826,7 +840,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -853,7 +867,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -878,7 +892,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -903,7 +917,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -931,7 +945,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -958,7 +972,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -983,7 +997,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -1008,7 +1022,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -1033,7 +1047,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -1058,7 +1072,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -1083,7 +1097,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -1108,7 +1122,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -1133,7 +1147,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -1158,7 +1172,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -1183,7 +1197,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -1208,7 +1222,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -1235,7 +1249,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -1262,7 +1276,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -1288,7 +1302,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+        selectedIds: string[] | "all";
         unselectedIds: string[];
         cursorId: string;
         columnCount: number;
@@ -1313,13 +1327,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         setContainerWidth(data: {
             width?: number | undefined;
         }): void;
-        /**
-         * ### Breadcrumbs Link
-         * ---
-         * [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbslink)
-         *
-         * The hyperlink element in each `Breadcrumbs.Item`.
-         */
         setOverflowTargetWidth(data: {
             width: number;
         }): void;
@@ -1370,8 +1377,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -1384,7 +1391,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -1435,13 +1442,27 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
     getId: (item: any) => string;
 }> & {
     /**
-     * ### Breadcrumbs List
-     * ---
-     * [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbslist)
+     * `Breadcrumbs.List` is a `Flex` component rendered as a `<ul>` element. It is a container for
+     * `Breadcrumbs.Item` subcomponents. It also renders overflow button if `overflowButton` prop
+     * has been passed;
+     *
+     * ```tsx
+     * // without overflow
+     * <Breadcrumbs.List>{Breadcrumbs.Items}</Breadcrumbs.List>
+     * ```
      *
-     * The nav list containing `Breadcrumbs.Item` components and overflow button.
+     * ```tsx
+     * // with overflow
+     * <Breadcrumbs.List overflowButton={<Breadcrumbs.OverflowButton aria-label="More links" />}>
+     *   {Breadcrumbs.Items}
+     * </Breadcrumbs.List>
+     * ```
+     *
+     * `Breadcrumbs.List` accepts a `overflowButton` prop allowing to pass specific overflow button.
+     * Breadcrumbs.List with overflow behavior should contain `overflowButton` component with
+     * `aria-label` to render overflow button.
      */
-    List: import("../../common").ElementComponentM<"ul", import("./BreadcrumbsList").BreadcrumbsListProps<any>, {
+    List: import("@workday/canvas-kit-react/common").ElementComponentM<"ul", import("./BreadcrumbsList").BreadcrumbsListProps<any>, {
         state: {
             hiddenIds: string[];
             nonInteractiveIds: string[];
@@ -1449,7 +1470,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             itemWidthCache: Record<string, number>;
             containerWidth: number;
             overflowTargetWidth: number;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -1474,13 +1495,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             setContainerWidth(data: {
                 width?: number | undefined;
             }): void;
-            /**
-             * ### Breadcrumbs Link
-             * ---
-             * [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbslink)
-             *
-             * The hyperlink element in each `Breadcrumbs.Item`.
-             */
             setOverflowTargetWidth(data: {
                 width: number;
             }): void;
@@ -1531,8 +1545,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
                 returnFocusRef: React.RefObject<any> | undefined;
                 placement: import("@popperjs/core").Placement;
                 id: string;
-                visibility: import("../..").Visibility;
-                selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+                visibility: "hidden" | "visible";
+                selectedIds: string[] | "all";
                 unselectedIds: string[];
                 cursorId: string;
                 columnCount: number;
@@ -1545,7 +1559,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
                 };
                 UNSTABLE_defaultItemHeight: number;
                 containerRef: React.RefObject<HTMLDivElement>;
-                orientation: import("../../collection/lib/useBaseListModel").Orientation;
+                orientation: "horizontal" | "vertical";
                 indexRef: React.MutableRefObject<number>;
                 nonInteractiveIds: string[];
                 isVirtualized: boolean;
@@ -1596,22 +1610,20 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         getId: (item: any) => string;
     }>;
     /**
-     * ### Breadcrumbs Item
-     * ---
-     * [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbsitem)
+     * `Breadcrumbs.Item` is a {@link Flex} component rendered as an `<li>` element. It is a
+     * container for the `Breadcrumbs.Link` subcomponent which provides correct overflow behavior
+     * across all items.
      *
-     * List items in `Breadcrumbs.List`.
-     * By default, this item is truncated with a tooltip at `350px`,
-     * but that can be customized with the `maxWidth` prop.
+     * List items in {@link BreadcrumbsList Breadcrumbs.List}. By default, this item is truncated
+     * with a tooltip at `350px`, but that can be customized with the `maxWidth` prop.
      *
-     * @example
      * ```tsx
      * <Breadcrumbs.Item maxWidth={200}>
      *   <Breadcrumbs.Link href="/docs">Docs</Breadcrumbs.Link>
      * </Breadcrumbs.Item>
      * ```
      */
-    Item: import("../../common").ElementComponentM<"li", import("./BreadcrumbsItem").BreadcrumbsItemProps, {
+    Item: import("@workday/canvas-kit-react/common").ElementComponentM<"li", import("./BreadcrumbsItem").BreadcrumbsItemProps, {
         state: {
             hiddenIds: string[];
             nonInteractiveIds: string[];
@@ -1619,7 +1631,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             itemWidthCache: Record<string, number>;
             containerWidth: number;
             overflowTargetWidth: number;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -1644,13 +1656,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             setContainerWidth(data: {
                 width?: number | undefined;
             }): void;
-            /**
-             * ### Breadcrumbs Link
-             * ---
-             * [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbslink)
-             *
-             * The hyperlink element in each `Breadcrumbs.Item`.
-             */
             setOverflowTargetWidth(data: {
                 width: number;
             }): void;
@@ -1701,8 +1706,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
                 returnFocusRef: React.RefObject<any> | undefined;
                 placement: import("@popperjs/core").Placement;
                 id: string;
-                visibility: import("../..").Visibility;
-                selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+                visibility: "hidden" | "visible";
+                selectedIds: string[] | "all";
                 unselectedIds: string[];
                 cursorId: string;
                 columnCount: number;
@@ -1715,7 +1720,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
                 };
                 UNSTABLE_defaultItemHeight: number;
                 containerRef: React.RefObject<HTMLDivElement>;
-                orientation: import("../../collection/lib/useBaseListModel").Orientation;
+                orientation: "horizontal" | "vertical";
                 indexRef: React.MutableRefObject<number>;
                 nonInteractiveIds: string[];
                 isVirtualized: boolean;
@@ -1765,29 +1770,27 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
         getId: (item: any) => string;
     }> & {
-        Link: import("../../common").ElementComponent<"a", import("./BreadcrumbsLink").BreadcrumbsLinkProps>;
+        Link: import("@workday/canvas-kit-react/common").ElementComponent<"a", import("./BreadcrumbsLink").BreadcrumbsLinkProps>;
     };
     /**
-     * ### Breadcrumbs Overflow Button
-     * ---
-     * [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbsoverflowbutton)
-     *
-     * The toggle button for the Breadcrumbs Menu.
-     * This button is rendered in the `Breadcrumbs.List` when `overflowButtonProps` passed
-     * and becomes visible when the list overflows. `overflowButtonProps must contain at least `aria-label`.
-     * If you need to pass other props to it, you can do so by adding it to `overflowButtonProps` passed to the List.
+     * `Breadcrumbs.Link` is a styled `<a>` element that also renders a tooltip if the text is
+     * truncated. The built-in truncation and tooltip functionality provides an easy-to-use,
+     * accessible feature for managing the length of link text. The `maxWidth` is set to `350px` by
+     * default and can be adjusted as needed. Note that tooltips will only render when text is
+     * truncated
+     */
+    Link: import("@workday/canvas-kit-react/common").ElementComponent<"a", import("./BreadcrumbsLink").BreadcrumbsLinkProps>;
+    /**
+     * The last element in the list of `Breadcrumbs.Item`s. By default, this item is truncated with
+     * a tooltip at `350px`, But that can be customized with the `maxWidth` prop.
      *
-     * @example
      * ```tsx
-     * <Breadcrumbs.List
-     *   overflowButtonProps={{
-     *     'aria-label': 'More links',
-     *     onClick={handleOverflowButtonClick}
-     *   }}
-     * >
+     * <Breadcrumbs.CurrentItem maxWidth={200}>
+     *   Current Item Text
+     * </Breadcrumbs.CurrentItem>
      * ```
      */
-    OverflowButton: import("../../common").ElementComponentM<"button", import("./BreadcrumbsOverflowButton").BreadcrumbsOverflowButtonProps, {
+    CurrentItem: import("@workday/canvas-kit-react/common").ElementComponentM<"li", import("./BreadcrumbsCurrentItem").BreadcrumbsCurrentItemProps, {
         state: {
             hiddenIds: string[];
             nonInteractiveIds: string[];
@@ -1795,7 +1798,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             itemWidthCache: Record<string, number>;
             containerWidth: number;
             overflowTargetWidth: number;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -1820,13 +1823,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             setContainerWidth(data: {
                 width?: number | undefined;
             }): void;
-            /**
-             * ### Breadcrumbs Link
-             * ---
-             * [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbslink)
-             *
-             * The hyperlink element in each `Breadcrumbs.Item`.
-             */
             setOverflowTargetWidth(data: {
                 width: number;
             }): void;
@@ -1877,8 +1873,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
                 returnFocusRef: React.RefObject<any> | undefined;
                 placement: import("@popperjs/core").Placement;
                 id: string;
-                visibility: import("../..").Visibility;
-                selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+                visibility: "hidden" | "visible";
+                selectedIds: string[] | "all";
                 unselectedIds: string[];
                 cursorId: string;
                 columnCount: number;
@@ -1891,7 +1887,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
                 };
                 UNSTABLE_defaultItemHeight: number;
                 containerRef: React.RefObject<HTMLDivElement>;
-                orientation: import("../../collection/lib/useBaseListModel").Orientation;
+                orientation: "horizontal" | "vertical";
                 indexRef: React.MutableRefObject<number>;
                 nonInteractiveIds: string[];
                 isVirtualized: boolean;
@@ -1942,22 +1938,22 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         getId: (item: any) => string;
     }>;
     /**
-     * ### Breadcrumbs Current Item
-     * ---
-     * [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbscurrentitem)
-     *
-     * The last element in the list of `Breadcrumbs.Item`s.
-     * By default, this item is truncated with a tooltip at `350px`,
-     * But that can be customized with the `maxWidth` prop.
+     * The toggle button for the Breadcrumbs Menu. This button is rendered in the
+     * {@link BreadcrumbsList Breadcrumbs.List} when `overflowButtonProps` passed and becomes
+     * visible when the list overflows. `overflowButtonProps must contain at least `aria-label`. If
+     * you need to pass other props to it, you can do so by adding it to `overflowButtonProps`
+     * passed to the List.
      *
-     * @example
      * ```tsx
-     * <Breadcrumbs.CurrentItem maxWidth={200}>
-     *   Current Item Text
-     * </Breadcrumbs.CurrentItem>
+     * <Breadcrumbs.List
+     *   overflowButtonProps={{
+     *     'aria-label': 'More links',
+     *     onClick={handleOverflowButtonClick}
+     *   }}
+     * >
      * ```
      */
-    CurrentItem: import("../../common").ElementComponentM<"li", import("./BreadcrumbsCurrentItem").BreadcrumbsCurrentItemProps, {
+    OverflowButton: import("@workday/canvas-kit-react/common").ElementComponentM<"button", import("./BreadcrumbsOverflowButton").BreadcrumbsOverflowButtonProps, {
         state: {
             hiddenIds: string[];
             nonInteractiveIds: string[];
@@ -1965,7 +1961,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             itemWidthCache: Record<string, number>;
             containerWidth: number;
             overflowTargetWidth: number;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -1990,13 +1986,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             setContainerWidth(data: {
                 width?: number | undefined;
             }): void;
-            /**
-             * ### Breadcrumbs Link
-             * ---
-             * [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbslink)
-             *
-             * The hyperlink element in each `Breadcrumbs.Item`.
-             */
             setOverflowTargetWidth(data: {
                 width: number;
             }): void;
@@ -2047,8 +2036,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
                 returnFocusRef: React.RefObject<any> | undefined;
                 placement: import("@popperjs/core").Placement;
                 id: string;
-                visibility: import("../..").Visibility;
-                selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+                visibility: "hidden" | "visible";
+                selectedIds: string[] | "all";
                 unselectedIds: string[];
                 cursorId: string;
                 columnCount: number;
@@ -2061,7 +2050,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
                 };
                 UNSTABLE_defaultItemHeight: number;
                 containerRef: React.RefObject<HTMLDivElement>;
-                orientation: import("../../collection/lib/useBaseListModel").Orientation;
+                orientation: "horizontal" | "vertical";
                 indexRef: React.MutableRefObject<number>;
                 nonInteractiveIds: string[];
                 isVirtualized: boolean;
@@ -2112,21 +2101,11 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         getId: (item: any) => string;
     }>;
     /**
-     * ### Breadcrumbs Link
-     * ---
-     * [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbslink)
-     *
-     * The hyperlink element in each `Breadcrumbs.Item`.
-     */
-    Link: import("../../common").ElementComponent<"a", import("./BreadcrumbsLink").BreadcrumbsLinkProps>;
-    /**
-     * ### Breadcrumbs Menu
-     * ---
-     * [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbsmenu)
+     * The `Breadcrumbs.Menu` uses the {@link Menu} component under the hood. The overflow menu for
+     * Breadcrumbs. If there isn't enough room to render all links, it will automatically overflow
+     * items into this menu.
      *
-     * The overflow menu for Breadcrumbs. If there isn't enough room to render all links,
-     * it will automatically overflow items into this menu.
-     * @example
+     * ```tsx
      * <Breadcrumbs.Menu.Popper>
      *   <Breadcrumbs.Menu.Card>
      *     <Breadcrumbs.Menu.List>
@@ -2134,8 +2113,9 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
      *     </Breadcrumbs.Menu.List>
      *   </Breadcrumbs.Menu.Card>
      * </Breadcrumbs.Menu.Popper>
+     * ```
      */
-    Menu: import("../../common").ComponentM<import("../../menu/lib/Menu").MenuProps & Partial<{
+    Menu: import("@workday/canvas-kit-react/common").ComponentM<import("../../menu/lib/Menu").MenuProps & Partial<{
         mode: "multiple" | "single";
         returnFocusRef: React.RefObject<any> | undefined;
         initialFocusRef: React.RefObject<any> | undefined;
@@ -2164,8 +2144,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -2178,7 +2158,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -2192,8 +2172,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -2206,7 +2186,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -2220,8 +2200,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -2234,7 +2214,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -2250,8 +2230,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -2264,7 +2244,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -2278,8 +2258,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -2292,7 +2272,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -2306,8 +2286,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -2320,7 +2300,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -2337,8 +2317,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -2351,7 +2331,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -2367,8 +2347,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -2381,7 +2361,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -2395,8 +2375,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -2409,7 +2389,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -2423,8 +2403,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -2437,7 +2417,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -2451,8 +2431,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -2465,7 +2445,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -2479,8 +2459,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -2493,7 +2473,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -2507,8 +2487,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -2521,7 +2501,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -2535,8 +2515,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -2549,7 +2529,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -2563,8 +2543,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -2577,7 +2557,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -2591,8 +2571,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -2605,7 +2585,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -2619,8 +2599,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -2633,7 +2613,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -2647,8 +2627,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -2661,7 +2641,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -2677,8 +2657,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -2691,7 +2671,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -2707,8 +2687,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -2721,7 +2701,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -2738,8 +2718,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -2752,7 +2732,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -2766,8 +2746,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -2780,7 +2760,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -2794,8 +2774,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -2808,7 +2788,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -2824,8 +2804,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -2838,7 +2818,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -2852,8 +2832,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -2866,7 +2846,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -2880,8 +2860,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -2894,7 +2874,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -2911,8 +2891,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -2925,7 +2905,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -2941,8 +2921,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -2955,7 +2935,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -2969,8 +2949,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -2983,7 +2963,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -2997,8 +2977,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -3011,7 +2991,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -3025,8 +3005,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -3039,7 +3019,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -3053,8 +3033,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -3067,7 +3047,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -3081,8 +3061,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -3095,7 +3075,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -3109,8 +3089,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -3123,7 +3103,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -3137,8 +3117,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -3151,7 +3131,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -3165,8 +3145,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -3179,7 +3159,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -3193,8 +3173,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -3207,7 +3187,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -3221,8 +3201,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -3235,7 +3215,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -3251,8 +3231,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -3265,7 +3245,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -3281,8 +3261,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -3295,14 +3275,14 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
             items: import("../..").Item<any>[];
             mode: "multiple" | "single";
         }) => boolean) | undefined;
-    } & import("../../common").PropsWithModel<{
+    } & import("@workday/canvas-kit-react/common").PropsWithModel<{
         state: {
             stackRef: React.RefObject<HTMLDivElement>;
             targetRef: React.RefObject<HTMLButtonElement>;
@@ -3310,8 +3290,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -3324,7 +3304,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -3377,8 +3357,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             returnFocusRef: React.RefObject<any> | undefined;
             placement: import("@popperjs/core").Placement;
             id: string;
-            visibility: import("../..").Visibility;
-            selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+            visibility: "hidden" | "visible";
+            selectedIds: string[] | "all";
             unselectedIds: string[];
             cursorId: string;
             columnCount: number;
@@ -3391,7 +3371,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             };
             UNSTABLE_defaultItemHeight: number;
             containerRef: React.RefObject<HTMLDivElement>;
-            orientation: import("../../collection/lib/useBaseListModel").Orientation;
+            orientation: "horizontal" | "vertical";
             indexRef: React.MutableRefObject<number>;
             nonInteractiveIds: string[];
             isVirtualized: boolean;
@@ -3437,7 +3417,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
         navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
         getId: (item: any) => string;
     }> & {
-        Card: (elemProps: import("../../menu/lib/MenuCard").MenuCardProps & import("../../common").PropsWithModel<{
+        Card: (elemProps: import("../../menu/lib/MenuCard").MenuCardProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
             state: {
                 stackRef: React.RefObject<HTMLDivElement>;
                 targetRef: React.RefObject<HTMLButtonElement>;
@@ -3445,8 +3425,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
                 returnFocusRef: React.RefObject<any> | undefined;
                 placement: import("@popperjs/core").Placement;
                 id: string;
-                visibility: import("../..").Visibility;
-                selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+                visibility: "hidden" | "visible";
+                selectedIds: string[] | "all";
                 unselectedIds: string[];
                 cursorId: string;
                 columnCount: number;
@@ -3459,7 +3439,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
                 };
                 UNSTABLE_defaultItemHeight: number;
                 containerRef: React.RefObject<HTMLDivElement>;
-                orientation: import("../../collection/lib/useBaseListModel").Orientation;
+                orientation: "horizontal" | "vertical";
                 indexRef: React.MutableRefObject<number>;
                 nonInteractiveIds: string[];
                 isVirtualized: boolean;
@@ -3505,7 +3485,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
             getId: (item: any) => string;
         }>) => JSX.Element;
-        List: import("../../common").ElementComponentM<"div", import("../../menu/lib/MenuList").MenuListProps<any>, {
+        List: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("../../menu/lib/MenuList").MenuListProps<any>, {
             state: {
                 stackRef: React.RefObject<HTMLDivElement>;
                 targetRef: React.RefObject<HTMLButtonElement>;
@@ -3513,8 +3493,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
                 returnFocusRef: React.RefObject<any> | undefined;
                 placement: import("@popperjs/core").Placement;
                 id: string;
-                visibility: import("../..").Visibility;
-                selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+                visibility: "hidden" | "visible";
+                selectedIds: string[] | "all";
                 unselectedIds: string[];
                 cursorId: string;
                 columnCount: number;
@@ -3527,7 +3507,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
                 };
                 UNSTABLE_defaultItemHeight: number;
                 containerRef: React.RefObject<HTMLDivElement>;
-                orientation: import("../../collection/lib/useBaseListModel").Orientation;
+                orientation: "horizontal" | "vertical";
                 indexRef: React.MutableRefObject<number>;
                 nonInteractiveIds: string[];
                 isVirtualized: boolean;
@@ -3573,7 +3553,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
             getId: (item: any) => string;
         }>;
-        Item: import("../../common").ElementComponent<"a", import("../../menu/lib/MenuItem").MenuItemProps & import("../../common").PropsWithModel<{
+        Item: import("@workday/canvas-kit-react/common").ElementComponent<"a", import("../../menu/lib/MenuItem").MenuItemProps & import("@workday/canvas-kit-react/common").PropsWithModel<{
             state: {
                 stackRef: React.RefObject<HTMLDivElement>;
                 targetRef: React.RefObject<HTMLButtonElement>;
@@ -3581,8 +3561,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
                 returnFocusRef: React.RefObject<any> | undefined;
                 placement: import("@popperjs/core").Placement;
                 id: string;
-                visibility: import("../..").Visibility;
-                selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+                visibility: "hidden" | "visible";
+                selectedIds: string[] | "all";
                 unselectedIds: string[];
                 cursorId: string;
                 columnCount: number;
@@ -3595,7 +3575,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
                 };
                 UNSTABLE_defaultItemHeight: number;
                 containerRef: React.RefObject<HTMLDivElement>;
-                orientation: import("../../collection/lib/useBaseListModel").Orientation;
+                orientation: "horizontal" | "vertical";
                 indexRef: React.MutableRefObject<number>;
                 nonInteractiveIds: string[];
                 isVirtualized: boolean;
@@ -3641,8 +3621,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
             getId: (item: any) => string;
         }>>;
-        Divider: import("../../common").ElementComponent<"hr", unknown>;
-        Target: import("../../common").ElementComponentM<import("../../common").ElementComponent<"button", import("../..").SecondaryButtonProps>, import("../../menu/lib/MenuTarget").MenuTargetProps, {
+        Divider: import("@workday/canvas-kit-react/common").ElementComponent<"hr", unknown>;
+        Target: import("@workday/canvas-kit-react/common").ElementComponentM<import("@workday/canvas-kit-react/common").ElementComponent<"button", import("../..").SecondaryButtonProps>, import("../../menu/lib/MenuTarget").MenuTargetProps, {
             state: {
                 stackRef: React.RefObject<HTMLDivElement>;
                 targetRef: React.RefObject<HTMLButtonElement>;
@@ -3650,8 +3630,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
                 returnFocusRef: React.RefObject<any> | undefined;
                 placement: import("@popperjs/core").Placement;
                 id: string;
-                visibility: import("../..").Visibility;
-                selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+                visibility: "hidden" | "visible";
+                selectedIds: string[] | "all";
                 unselectedIds: string[];
                 cursorId: string;
                 columnCount: number;
@@ -3664,7 +3644,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
                 };
                 UNSTABLE_defaultItemHeight: number;
                 containerRef: React.RefObject<HTMLDivElement>;
-                orientation: import("../../collection/lib/useBaseListModel").Orientation;
+                orientation: "horizontal" | "vertical";
                 indexRef: React.MutableRefObject<number>;
                 nonInteractiveIds: string[];
                 isVirtualized: boolean;
@@ -3710,7 +3690,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
             getId: (item: any) => string;
         }>;
-        TargetContext: import("../../common").ElementComponentM<import("../../common").ElementComponent<"button", import("../..").SecondaryButtonProps>, import("../../menu/lib/MenuTarget").MenuTargetProps, {
+        TargetContext: import("@workday/canvas-kit-react/common").ElementComponentM<import("@workday/canvas-kit-react/common").ElementComponent<"button", import("../..").SecondaryButtonProps>, import("../../menu/lib/MenuTarget").MenuTargetProps, {
             state: {
                 stackRef: React.RefObject<HTMLDivElement>;
                 targetRef: React.RefObject<HTMLButtonElement>;
@@ -3718,8 +3698,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
                 returnFocusRef: React.RefObject<any> | undefined;
                 placement: import("@popperjs/core").Placement;
                 id: string;
-                visibility: import("../..").Visibility;
-                selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+                visibility: "hidden" | "visible";
+                selectedIds: string[] | "all";
                 unselectedIds: string[];
                 cursorId: string;
                 columnCount: number;
@@ -3732,7 +3712,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
                 };
                 UNSTABLE_defaultItemHeight: number;
                 containerRef: React.RefObject<HTMLDivElement>;
-                orientation: import("../../collection/lib/useBaseListModel").Orientation;
+                orientation: "horizontal" | "vertical";
                 indexRef: React.MutableRefObject<number>;
                 nonInteractiveIds: string[];
                 isVirtualized: boolean;
@@ -3778,7 +3758,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
             navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
             getId: (item: any) => string;
         }>;
-        Popper: import("../../common").ElementComponentM<"div", import("../../menu/lib/MenuPopper").MenuPopperProps, {
+        Popper: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("../../menu/lib/MenuPopper").MenuPopperProps, {
             state: {
                 stackRef: React.RefObject<HTMLDivElement>;
                 targetRef: React.RefObject<HTMLButtonElement>;
@@ -3786,8 +3766,8 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
                 returnFocusRef: React.RefObject<any> | undefined;
                 placement: import("@popperjs/core").Placement;
                 id: string;
-                visibility: import("../..").Visibility;
-                selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
+                visibility: "hidden" | "visible";
+                selectedIds: string[] | "all";
                 unselectedIds: string[];
                 cursorId: string;
                 columnCount: number;
@@ -3800,7 +3780,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
                 };
                 UNSTABLE_defaultItemHeight: number;
                 containerRef: React.RefObject<HTMLDivElement>;
-                orientation: import("../../collection/lib/useBaseListModel").Orientation;
+                orientation: "horizontal" | "vertical";
                 indexRef: React.MutableRefObject<number>;
                 nonInteractiveIds: string[];
                 isVirtualized: boolean;