@aotearoan/neon 28.4.1 → 28.6.0

package/dist/src/components/layout/list-layout/NeonListLayout.d.ts

@@ -5,6 +5,7 @@ import type { NeonPaginationModel } from '@/model/navigation/pagination/NeonPagi
 import type { NeonCardListModel } from '@/model/layout/card-list/NeonCardListModel';
 import type { NeonIdentifiable } from '@/model/common/entity/NeonIdentifiable';
 import type { NeonSelectable } from '@/model/common/entity/NeonSelectable';
+import { NeonCardListStyle } from '@/model/layout/card-list/NeonCardListStyle';
 /**
  * A page level layout component for displaying a list with a page header, filter bar, card list, pagination & an empty
  * state. Use this component directly inside the NeonPage <em>contents</em> slot.
@@ -51,6 +52,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: () => Array<NeonCardListModel<NeonIdentifiable | (NeonIdentifiable & NeonSelectable)>>;
         required: true;
     };
+    /**
+     * Loading state for the initial load.
+     */
+    initializing: {
+        type: BooleanConstructor;
+    };
     /**
      * Loading state for pagination, set when loading a new page.
      */
@@ -71,6 +78,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Specify the card list layout, either a 'List' of cards with 100% width or a responsive 'Grid' of cards.
+     */
+    listStyle: {
+        type: () => NeonCardListStyle;
+        default: () => NeonCardListStyle;
+    };
     /**
      * Model for configuring the on demand loading layout.
      */
@@ -85,12 +99,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>, {
     emit: (event: "page-change" | "show-more" | "toggle-selected", ...args: any[]) => void;
-    initializing: import("vue").Ref<boolean, boolean>;
     slots: Readonly<{
         [name: string]: import("vue").Slot<any> | undefined;
     }>;
     showMore: () => void;
     toggleSelected: (id: string, selected: boolean) => void;
+    onPageChange: (newPage: number) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("page-change" | "show-more" | "toggle-selected")[], "page-change" | "show-more" | "toggle-selected", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * The title of the header.
@@ -133,6 +147,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: () => Array<NeonCardListModel<NeonIdentifiable | (NeonIdentifiable & NeonSelectable)>>;
         required: true;
     };
+    /**
+     * Loading state for the initial load.
+     */
+    initializing: {
+        type: BooleanConstructor;
+    };
     /**
      * Loading state for pagination, set when loading a new page.
      */
@@ -153,6 +173,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Specify the card list layout, either a 'List' of cards with 100% width or a responsive 'Grid' of cards.
+     */
+    listStyle: {
+        type: () => NeonCardListStyle;
+        default: () => NeonCardListStyle;
+    };
     /**
      * Model for configuring the on demand loading layout.
      */
@@ -175,7 +202,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     loading: boolean;
     backButton: boolean;
     backLabel: string;
+    listStyle: NeonCardListStyle;
     selectable: boolean;
+    initializing: boolean;
 }, {}, {
     NeonSplashLoader: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         color: {
@@ -223,15 +252,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             name: {
                 type: StringConstructor;
                 required: true;
-            }; /**
-             * Breadcrumbs to display above the header.
-             */
+            };
             id: {
                 type: StringConstructor;
                 default: null;
             };
             color: {
-                type: () => NeonFunctionalColor;
+                type: () => NeonFunctionalColor; /**
+                 * Items to display as cards. Each item should be a NeonCardListModel.
+                 */
                 default: null;
             };
             inverse: {
@@ -241,7 +270,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             disabled: {
                 type: BooleanConstructor;
                 default: boolean;
-            };
+            }; /**
+             * Loading state for the initial load.
+             */
         }>, {
             sanitizedAttributes: import("vue").ComputedRef<{
                 [x: string]: unknown;
@@ -251,15 +282,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             name: {
                 type: StringConstructor;
                 required: true;
-            }; /**
-             * Breadcrumbs to display above the header.
-             */
+            };
             id: {
                 type: StringConstructor;
                 default: null;
             };
             color: {
-                type: () => NeonFunctionalColor;
+                type: () => NeonFunctionalColor; /**
+                 * Items to display as cards. Each item should be a NeonCardListModel.
+                 */
                 default: null;
             };
             inverse: {
@@ -269,7 +300,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             disabled: {
                 type: BooleanConstructor;
                 default: boolean;
-            };
+            }; /**
+             * Loading state for the initial load.
+             */
         }>> & Readonly<{}>, {
             color: NeonFunctionalColor;
             id: string;
@@ -286,16 +319,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => import("../../../neon").NeonEmptyStateType;
         };
         imageColor: {
-            type: () => NeonFunctionalColor;
+            type: () => NeonFunctionalColor; /**
+             * The subtitle of the header.
+             */
             default: () => NeonFunctionalColor;
         };
         title: {
             type: StringConstructor;
             required: true;
         };
-        /**
-         * Whether to display a back button
-         */
         subtitle: {
             type: StringConstructor;
         };
@@ -316,16 +348,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => import("../../../neon").NeonEmptyStateType;
         };
         imageColor: {
-            type: () => NeonFunctionalColor;
+            type: () => NeonFunctionalColor; /**
+             * The subtitle of the header.
+             */
             default: () => NeonFunctionalColor;
         };
         title: {
             type: StringConstructor;
             required: true;
         };
-        /**
-         * Whether to display a back button
-         */
         subtitle: {
             type: StringConstructor;
         };
@@ -351,18 +382,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             size: {
                 type: () => import("../../../neon").NeonButtonSize;
-                default: import("../../../neon").NeonButtonSize; /**
-                 * The subtitle of the header.
-                 */
-            }; /**
-             * The subtitle of the header.
-             */
+                default: import("../../../neon").NeonButtonSize;
+            };
             color: {
                 type: () => NeonFunctionalColor;
                 default: NeonFunctionalColor;
             };
             inverse: {
-                type: BooleanConstructor;
+                type: BooleanConstructor; /**
+                 * Override the label for the back button
+                 */
                 default: boolean;
             };
             alternateColor: {
@@ -454,18 +483,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             size: {
                 type: () => import("../../../neon").NeonButtonSize;
-                default: import("../../../neon").NeonButtonSize; /**
-                 * The subtitle of the header.
-                 */
-            }; /**
-             * The subtitle of the header.
-             */
+                default: import("../../../neon").NeonButtonSize;
+            };
             color: {
                 type: () => NeonFunctionalColor;
                 default: NeonFunctionalColor;
             };
             inverse: {
-                type: BooleanConstructor;
+                type: BooleanConstructor; /**
+                 * Override the label for the back button
+                 */
                 default: boolean;
             };
             alternateColor: {
@@ -589,15 +616,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 name: {
                     type: StringConstructor;
                     required: true;
-                }; /**
-                 * Breadcrumbs to display above the header.
-                 */
+                };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -607,7 +634,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
-                };
+                }; /**
+                 * Loading state for the initial load.
+                 */
             }>, {
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
@@ -617,15 +646,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 name: {
                     type: StringConstructor;
                     required: true;
-                }; /**
-                 * Breadcrumbs to display above the header.
-                 */
+                };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -635,7 +664,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
-                };
+                }; /**
+                 * Loading state for the initial load.
+                 */
             }>> & Readonly<{}>, {
                 color: NeonFunctionalColor;
                 id: string;
@@ -667,7 +698,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }>;
                 activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
                 exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
-                onClick: () => void;
+                onClick: () => void; /**
+                 * Make cards selectable.
+                 */
                 onSpace: () => Promise<void>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 href: {
@@ -698,15 +731,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     name: {
                         type: StringConstructor;
                         required: true;
-                    }; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    };
                     id: {
                         type: StringConstructor;
                         default: null;
                     };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Items to display as cards. Each item should be a NeonCardListModel.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -716,7 +749,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
-                    };
+                    }; /**
+                     * Loading state for the initial load.
+                     */
                 }>, {
                     sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
@@ -726,15 +761,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     name: {
                         type: StringConstructor;
                         required: true;
-                    }; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    };
                     id: {
                         type: StringConstructor;
                         default: null;
                     };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Items to display as cards. Each item should be a NeonCardListModel.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -744,7 +779,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
-                    };
+                    }; /**
+                     * Loading state for the initial load.
+                     */
                 }>> & Readonly<{}>, {
                     color: NeonFunctionalColor;
                     id: string;
@@ -757,15 +794,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             name: {
                 type: StringConstructor;
                 required: true;
-            }; /**
-             * Breadcrumbs to display above the header.
-             */
+            };
             id: {
                 type: StringConstructor;
                 default: null;
             };
             color: {
-                type: () => NeonFunctionalColor;
+                type: () => NeonFunctionalColor; /**
+                 * Items to display as cards. Each item should be a NeonCardListModel.
+                 */
                 default: null;
             };
             inverse: {
@@ -775,7 +812,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             disabled: {
                 type: BooleanConstructor;
                 default: boolean;
-            };
+            }; /**
+             * Loading state for the initial load.
+             */
         }>, {
             sanitizedAttributes: import("vue").ComputedRef<{
                 [x: string]: unknown;
@@ -785,15 +824,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             name: {
                 type: StringConstructor;
                 required: true;
-            }; /**
-             * Breadcrumbs to display above the header.
-             */
+            };
             id: {
                 type: StringConstructor;
                 default: null;
             };
             color: {
-                type: () => NeonFunctionalColor;
+                type: () => NeonFunctionalColor; /**
+                 * Items to display as cards. Each item should be a NeonCardListModel.
+                 */
                 default: null;
             };
             inverse: {
@@ -803,7 +842,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             disabled: {
                 type: BooleanConstructor;
                 default: boolean;
-            };
+            }; /**
+             * Loading state for the initial load.
+             */
         }>> & Readonly<{}>, {
             color: NeonFunctionalColor;
             id: string;
@@ -850,27 +891,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         color: {
             type: () => NeonFunctionalColor;
-            default: null; /**
-             * Make cards selectable.
-             */
-        }; /**
-         * Make cards selectable.
-         */
+            default: null;
+        };
+        listStyle: {
+            type: () => NeonCardListStyle;
+            default: () => NeonCardListStyle;
+        };
         selectable: {
             type: BooleanConstructor;
-            default: boolean; /**
-             * Model for configuring the on demand loading layout.
-             */
-        }; /**
-         * Model for configuring the on demand loading layout.
-         */
+            default: boolean;
+        };
         loadOnDemand: {
-            type: () => NeonLoadOnDemandModel; /**
-             * Model for configuring pagination, either pagination or loadOnDemand should be provided.
-             */
-        }; /**
-         * Model for configuring pagination, either pagination or loadOnDemand should be provided.
-         */
+            type: () => NeonLoadOnDemandModel;
+        };
         pagination: {
             type: () => NeonPaginationModel;
         };
@@ -883,13 +916,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         NeonButtonStyle: typeof import("../../../neon").NeonButtonStyle;
         NeonFunctionalColor: typeof NeonFunctionalColor;
         NeonSize: typeof import("../../../neon").NeonSize;
-        ofLabel: import("vue").ComputedRef<string | undefined>;
         showMoreLabel: import("vue").ComputedRef<string | undefined>;
-        endOfResultsLabel: import("vue").ComputedRef<string | undefined>;
+        resultCountLabel: import("vue").ComputedRef<string | undefined>;
         total: import("vue").ComputedRef<number>;
         slots: Readonly<{
             [name: string]: import("vue").Slot<any> | undefined;
         }>;
+        cards: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+        onPageChange: (newPage: number) => void;
+        NeonState: typeof import("../../../neon").NeonState;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("page-change" | "show-more" | "toggle-selected")[], "page-change" | "show-more" | "toggle-selected", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         items: {
             type: () => NeonCardListModel<NeonIdentifiable | (NeonIdentifiable & NeonSelectable)>[];
@@ -897,27 +932,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         color: {
             type: () => NeonFunctionalColor;
-            default: null; /**
-             * Make cards selectable.
-             */
-        }; /**
-         * Make cards selectable.
-         */
+            default: null;
+        };
+        listStyle: {
+            type: () => NeonCardListStyle;
+            default: () => NeonCardListStyle;
+        };
         selectable: {
             type: BooleanConstructor;
-            default: boolean; /**
-             * Model for configuring the on demand loading layout.
-             */
-        }; /**
-         * Model for configuring the on demand loading layout.
-         */
+            default: boolean;
+        };
         loadOnDemand: {
-            type: () => NeonLoadOnDemandModel; /**
-             * Model for configuring pagination, either pagination or loadOnDemand should be provided.
-             */
-        }; /**
-         * Model for configuring pagination, either pagination or loadOnDemand should be provided.
-         */
+            type: () => NeonLoadOnDemandModel;
+        };
         pagination: {
             type: () => NeonPaginationModel;
         };
@@ -931,6 +958,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>, {
         color: NeonFunctionalColor;
         loading: boolean;
+        listStyle: NeonCardListStyle;
         selectable: boolean;
     }, {}, {
         NeonSelectableCard: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -989,11 +1017,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 noBreak: {
                     type: BooleanConstructor;
                     default: boolean;
-                };
+                }; /**
+                 * The subtitle of the header.
+                 */
             }>, {
                 attrs: {
                     [x: string]: unknown;
                 };
+                /**
+                 * Breadcrumbs to display above the header.
+                 */
                 NeonOrientation: typeof import("../../../neon").NeonOrientation;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 orientation: {
@@ -1015,7 +1048,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 noBreak: {
                     type: BooleanConstructor;
                     default: boolean;
-                };
+                }; /**
+                 * The subtitle of the header.
+                 */
             }>> & Readonly<{}>, {
                 size: import("../../../neon").NeonSize;
                 orientation: import("../../../neon").NeonOrientation;
@@ -1033,6 +1068,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: StringConstructor;
                     default: null;
                 };
+                /**
+                 * A page level layout component for displaying a list with a page header, filter bar, card list, pagination & an empty
+                 * state. Use this component directly inside the NeonPage <em>contents</em> slot.
+                 */
                 indeterminate: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -1043,7 +1082,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
                 color: {
                     type: () => NeonFunctionalColor;
-                    default: () => NeonFunctionalColor;
+                    default: () => NeonFunctionalColor; /**
+                     * The title of the header.
+                     */
                 };
                 switchStyle: {
                     type: () => import("../../../neon").NeonSwitchStyle;
@@ -1072,6 +1113,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: StringConstructor;
                     default: null;
                 };
+                /**
+                 * A page level layout component for displaying a list with a page header, filter bar, card list, pagination & an empty
+                 * state. Use this component directly inside the NeonPage <em>contents</em> slot.
+                 */
                 indeterminate: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -1082,7 +1127,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
                 color: {
                     type: () => NeonFunctionalColor;
-                    default: () => NeonFunctionalColor;
+                    default: () => NeonFunctionalColor; /**
+                     * The title of the header.
+                     */
                 };
                 switchStyle: {
                     type: () => import("../../../neon").NeonSwitchStyle;
@@ -1112,15 +1159,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     name: {
                         type: StringConstructor;
                         required: true;
-                    }; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    };
                     id: {
                         type: StringConstructor;
                         default: null;
                     };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Items to display as cards. Each item should be a NeonCardListModel.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -1130,7 +1177,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
-                    };
+                    }; /**
+                     * Loading state for the initial load.
+                     */
                 }>, {
                     sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
@@ -1140,15 +1189,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     name: {
                         type: StringConstructor;
                         required: true;
-                    }; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    };
                     id: {
                         type: StringConstructor;
                         default: null;
                     };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Items to display as cards. Each item should be a NeonCardListModel.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -1158,7 +1207,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
-                    };
+                    }; /**
+                     * Loading state for the initial load.
+                     */
                 }>> & Readonly<{}>, {
                     color: NeonFunctionalColor;
                     id: string;
@@ -1245,18 +1296,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
                 size: {
                     type: () => import("../../../neon").NeonButtonSize;
-                    default: import("../../../neon").NeonButtonSize; /**
-                     * The subtitle of the header.
-                     */
-                }; /**
-                 * The subtitle of the header.
-                 */
+                    default: import("../../../neon").NeonButtonSize;
+                };
                 color: {
                     type: () => NeonFunctionalColor;
                     default: NeonFunctionalColor;
                 };
                 inverse: {
-                    type: BooleanConstructor;
+                    type: BooleanConstructor; /**
+                     * Override the label for the back button
+                     */
                     default: boolean;
                 };
                 alternateColor: {
@@ -1348,18 +1397,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
                 size: {
                     type: () => import("../../../neon").NeonButtonSize;
-                    default: import("../../../neon").NeonButtonSize; /**
-                     * The subtitle of the header.
-                     */
-                }; /**
-                 * The subtitle of the header.
-                 */
+                    default: import("../../../neon").NeonButtonSize;
+                };
                 color: {
                     type: () => NeonFunctionalColor;
                     default: NeonFunctionalColor;
                 };
                 inverse: {
-                    type: BooleanConstructor;
+                    type: BooleanConstructor; /**
+                     * Override the label for the back button
+                     */
                     default: boolean;
                 };
                 alternateColor: {
@@ -1483,15 +1530,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     name: {
                         type: StringConstructor;
                         required: true;
-                    }; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    };
                     id: {
                         type: StringConstructor;
                         default: null;
                     };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Items to display as cards. Each item should be a NeonCardListModel.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -1501,7 +1548,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
-                    };
+                    }; /**
+                     * Loading state for the initial load.
+                     */
                 }>, {
                     sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
@@ -1511,15 +1560,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     name: {
                         type: StringConstructor;
                         required: true;
-                    }; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    };
                     id: {
                         type: StringConstructor;
                         default: null;
                     };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Items to display as cards. Each item should be a NeonCardListModel.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -1529,7 +1578,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
-                    };
+                    }; /**
+                     * Loading state for the initial load.
+                     */
                 }>> & Readonly<{}>, {
                     color: NeonFunctionalColor;
                     id: string;
@@ -1561,7 +1612,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }>;
                     activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
                     exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
-                    onClick: () => void;
+                    onClick: () => void; /**
+                     * Make cards selectable.
+                     */
                     onSpace: () => Promise<void>;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     href: {
@@ -1592,15 +1645,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         name: {
                             type: StringConstructor;
                             required: true;
-                        }; /**
-                         * Breadcrumbs to display above the header.
-                         */
+                        };
                         id: {
                             type: StringConstructor;
                             default: null;
                         };
                         color: {
-                            type: () => NeonFunctionalColor;
+                            type: () => NeonFunctionalColor; /**
+                             * Items to display as cards. Each item should be a NeonCardListModel.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -1610,7 +1663,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         disabled: {
                             type: BooleanConstructor;
                             default: boolean;
-                        };
+                        }; /**
+                         * Loading state for the initial load.
+                         */
                     }>, {
                         sanitizedAttributes: import("vue").ComputedRef<{
                             [x: string]: unknown;
@@ -1620,15 +1675,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         name: {
                             type: StringConstructor;
                             required: true;
-                        }; /**
-                         * Breadcrumbs to display above the header.
-                         */
+                        };
                         id: {
                             type: StringConstructor;
                             default: null;
                         };
                         color: {
-                            type: () => NeonFunctionalColor;
+                            type: () => NeonFunctionalColor; /**
+                             * Items to display as cards. Each item should be a NeonCardListModel.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -1638,7 +1693,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         disabled: {
                             type: BooleanConstructor;
                             default: boolean;
-                        };
+                        }; /**
+                         * Loading state for the initial load.
+                         */
                     }>> & Readonly<{}>, {
                         color: NeonFunctionalColor;
                         id: string;
@@ -1651,15 +1708,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 name: {
                     type: StringConstructor;
                     required: true;
-                }; /**
-                 * Breadcrumbs to display above the header.
-                 */
+                };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -1669,7 +1726,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
-                };
+                }; /**
+                 * Loading state for the initial load.
+                 */
             }>, {
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
@@ -1679,15 +1738,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 name: {
                     type: StringConstructor;
                     required: true;
-                }; /**
-                 * Breadcrumbs to display above the header.
-                 */
+                };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -1697,7 +1756,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
-                };
+                }; /**
+                 * Loading state for the initial load.
+                 */
             }>> & Readonly<{}>, {
                 color: NeonFunctionalColor;
                 id: string;
@@ -1716,18 +1777,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             size: {
                 type: () => import("../../../neon").NeonButtonSize;
-                default: import("../../../neon").NeonButtonSize; /**
-                 * The subtitle of the header.
-                 */
-            }; /**
-             * The subtitle of the header.
-             */
+                default: import("../../../neon").NeonButtonSize;
+            };
             color: {
                 type: () => NeonFunctionalColor;
                 default: NeonFunctionalColor;
             };
             inverse: {
-                type: BooleanConstructor;
+                type: BooleanConstructor; /**
+                 * Override the label for the back button
+                 */
                 default: boolean;
             };
             alternateColor: {
@@ -1819,18 +1878,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             size: {
                 type: () => import("../../../neon").NeonButtonSize;
-                default: import("../../../neon").NeonButtonSize; /**
-                 * The subtitle of the header.
-                 */
-            }; /**
-             * The subtitle of the header.
-             */
+                default: import("../../../neon").NeonButtonSize;
+            };
             color: {
                 type: () => NeonFunctionalColor;
                 default: NeonFunctionalColor;
             };
             inverse: {
-                type: BooleanConstructor;
+                type: BooleanConstructor; /**
+                 * Override the label for the back button
+                 */
                 default: boolean;
             };
             alternateColor: {
@@ -1954,15 +2011,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 name: {
                     type: StringConstructor;
                     required: true;
-                }; /**
-                 * Breadcrumbs to display above the header.
-                 */
+                };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -1972,7 +2029,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
-                };
+                }; /**
+                 * Loading state for the initial load.
+                 */
             }>, {
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
@@ -1982,15 +2041,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 name: {
                     type: StringConstructor;
                     required: true;
-                }; /**
-                 * Breadcrumbs to display above the header.
-                 */
+                };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -2000,7 +2059,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
-                };
+                }; /**
+                 * Loading state for the initial load.
+                 */
             }>> & Readonly<{}>, {
                 color: NeonFunctionalColor;
                 id: string;
@@ -2032,7 +2093,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }>;
                 activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
                 exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
-                onClick: () => void;
+                onClick: () => void; /**
+                 * Make cards selectable.
+                 */
                 onSpace: () => Promise<void>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 href: {
@@ -2063,15 +2126,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     name: {
                         type: StringConstructor;
                         required: true;
-                    }; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    };
                     id: {
                         type: StringConstructor;
                         default: null;
                     };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Items to display as cards. Each item should be a NeonCardListModel.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -2081,7 +2144,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
-                    };
+                    }; /**
+                     * Loading state for the initial load.
+                     */
                 }>, {
                     sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
@@ -2091,15 +2156,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     name: {
                         type: StringConstructor;
                         required: true;
-                    }; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    };
                     id: {
                         type: StringConstructor;
                         default: null;
                     };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Items to display as cards. Each item should be a NeonCardListModel.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -2109,7 +2174,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
-                    };
+                    }; /**
+                     * Loading state for the initial load.
+                     */
                 }>> & Readonly<{}>, {
                     color: NeonFunctionalColor;
                     id: string;
@@ -2162,7 +2229,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>;
             activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
             exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
-            onClick: () => void;
+            onClick: () => void; /**
+             * Make cards selectable.
+             */
             onSpace: () => Promise<void>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             href: {
@@ -2193,15 +2262,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 name: {
                     type: StringConstructor;
                     required: true;
-                }; /**
-                 * Breadcrumbs to display above the header.
-                 */
+                };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -2211,7 +2280,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
-                };
+                }; /**
+                 * Loading state for the initial load.
+                 */
             }>, {
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
@@ -2221,15 +2292,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 name: {
                     type: StringConstructor;
                     required: true;
-                }; /**
-                 * Breadcrumbs to display above the header.
-                 */
+                };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -2239,7 +2310,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
-                };
+                }; /**
+                 * Loading state for the initial load.
+                 */
             }>> & Readonly<{}>, {
                 color: NeonFunctionalColor;
                 id: string;
@@ -2247,6 +2320,53 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: boolean;
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        NeonLoadingStateCard: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
+            NeonInline: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                gap: {
+                    type: () => import("../../../neon").NeonLayoutSize;
+                    default: () => import("../../../neon").NeonLayoutSize;
+                };
+                breakpoint: {
+                    type: () => import("../../../neon").NeonResponsive;
+                };
+            }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                gap: {
+                    type: () => import("../../../neon").NeonLayoutSize;
+                    default: () => import("../../../neon").NeonLayoutSize;
+                };
+                breakpoint: {
+                    type: () => import("../../../neon").NeonResponsive;
+                };
+            }>> & Readonly<{}>, {
+                gap: import("../../../neon").NeonLayoutSize;
+            }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+            NeonSkeletonLoader: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                count: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+            }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                count: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+            }>> & Readonly<{}>, {
+                count: number;
+            }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+            NeonStack: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                gap: {
+                    type: () => import("../../../neon").NeonLayoutSize;
+                    default: () => import("../../../neon").NeonLayoutSize;
+                };
+            }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                gap: {
+                    type: () => import("../../../neon").NeonLayoutSize;
+                    default: () => import("../../../neon").NeonLayoutSize;
+                };
+            }>> & Readonly<{}>, {
+                gap: import("../../../neon").NeonLayoutSize;
+            }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         NeonSplashLoader: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             color: {
                 type: () => NeonFunctionalColor;
@@ -2293,15 +2413,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 name: {
                     type: StringConstructor;
                     required: true;
-                }; /**
-                 * Breadcrumbs to display above the header.
-                 */
+                };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -2311,7 +2431,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
-                };
+                }; /**
+                 * Loading state for the initial load.
+                 */
             }>, {
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
@@ -2321,15 +2443,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 name: {
                     type: StringConstructor;
                     required: true;
-                }; /**
-                 * Breadcrumbs to display above the header.
-                 */
+                };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -2339,7 +2461,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
-                };
+                }; /**
+                 * Loading state for the initial load.
+                 */
             }>> & Readonly<{}>, {
                 color: NeonFunctionalColor;
                 id: string;
@@ -2347,19 +2471,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: boolean;
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        NeonStack: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-            gap: {
-                type: () => import("../../../neon").NeonLayoutSize;
-                default: () => import("../../../neon").NeonLayoutSize;
-            };
-        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-            gap: {
-                type: () => import("../../../neon").NeonLayoutSize;
-                default: () => import("../../../neon").NeonLayoutSize;
-            };
-        }>> & Readonly<{}>, {
-            gap: import("../../../neon").NeonLayoutSize;
-        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     NeonHeader: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         title: {
@@ -2383,9 +2494,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         backLabel: {
             type: StringConstructor;
-            /**
-             * Whether to display a back button
-             */
             default: string;
         };
     }>, {
@@ -2416,9 +2524,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         backLabel: {
             type: StringConstructor;
-            /**
-             * Whether to display a back button
-             */
             default: string;
         };
     }>> & Readonly<{}>, {
@@ -2474,15 +2579,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 name: {
                     type: StringConstructor;
                     required: true;
-                }; /**
-                 * Breadcrumbs to display above the header.
-                 */
+                };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -2492,7 +2597,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
-                };
+                }; /**
+                 * Loading state for the initial load.
+                 */
             }>, {
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
@@ -2502,15 +2609,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 name: {
                     type: StringConstructor;
                     required: true;
-                }; /**
-                 * Breadcrumbs to display above the header.
-                 */
+                };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -2520,7 +2627,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
-                };
+                }; /**
+                 * Loading state for the initial load.
+                 */
             }>> & Readonly<{}>, {
                 color: NeonFunctionalColor;
                 id: string;
@@ -2552,7 +2661,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }>;
                 activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
                 exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
-                onClick: () => void;
+                onClick: () => void; /**
+                 * Make cards selectable.
+                 */
                 onSpace: () => Promise<void>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 href: {
@@ -2583,15 +2694,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     name: {
                         type: StringConstructor;
                         required: true;
-                    }; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    };
                     id: {
                         type: StringConstructor;
                         default: null;
                     };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Items to display as cards. Each item should be a NeonCardListModel.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -2601,7 +2712,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
-                    };
+                    }; /**
+                     * Loading state for the initial load.
+                     */
                 }>, {
                     sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
@@ -2611,15 +2724,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     name: {
                         type: StringConstructor;
                         required: true;
-                    }; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    };
                     id: {
                         type: StringConstructor;
                         default: null;
                     };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Items to display as cards. Each item should be a NeonCardListModel.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -2629,7 +2742,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
-                    };
+                    }; /**
+                     * Loading state for the initial load.
+                     */
                 }>> & Readonly<{}>, {
                     color: NeonFunctionalColor;
                     id: string;
@@ -2651,10 +2766,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: boolean;
                 };
                 hideFadeEnd: {
-                    type: BooleanConstructor; /**
-                     * A page level layout component for displaying a list with a page header, filter bar, card list, pagination & an empty
-                     * state. Use this component directly inside the NeonPage <em>contents</em> slot.
-                     */
+                    type: BooleanConstructor;
                     default: boolean;
                 };
             }>, {
@@ -2676,10 +2788,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: boolean;
                 };
                 hideFadeEnd: {
-                    type: BooleanConstructor; /**
-                     * A page level layout component for displaying a list with a page header, filter bar, card list, pagination & an empty
-                     * state. Use this component directly inside the NeonPage <em>contents</em> slot.
-                     */
+                    type: BooleanConstructor;
                     default: boolean;
                 };
             }>> & Readonly<{}>, {