@aotearoan/neon 28.5.0 → 28.7.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.
@@ -77,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.
      */
@@ -165,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.
      */
@@ -187,6 +202,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     loading: boolean;
     backButton: boolean;
     backLabel: string;
+    listStyle: NeonCardListStyle;
     selectable: boolean;
     initializing: boolean;
 }, {}, {
@@ -235,16 +251,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             name: {
                 type: StringConstructor;
-                required: true; /**
-                 * Breadcrumbs to display above the header.
-                 */
+                required: true;
             };
             id: {
                 type: StringConstructor;
                 default: null;
             };
             color: {
-                type: () => NeonFunctionalColor;
+                type: () => NeonFunctionalColor; /**
+                 * Items to display as cards. Each item should be a NeonCardListModel.
+                 */
                 default: null;
             };
             inverse: {
@@ -254,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;
@@ -263,16 +281,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             name: {
                 type: StringConstructor;
-                required: true; /**
-                 * Breadcrumbs to display above the header.
-                 */
+                required: true;
             };
             id: {
                 type: StringConstructor;
                 default: null;
             };
             color: {
-                type: () => NeonFunctionalColor;
+                type: () => NeonFunctionalColor; /**
+                 * Items to display as cards. Each item should be a NeonCardListModel.
+                 */
                 default: null;
             };
             inverse: {
@@ -282,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;
@@ -299,20 +319,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => import("../../../neon").NeonEmptyStateType;
         };
         imageColor: {
-            type: () => NeonFunctionalColor;
-            /**
-             * Breadcrumbs to display above the header.
+            type: () => NeonFunctionalColor; /**
+             * The subtitle of the header.
              */
             default: () => NeonFunctionalColor;
         };
         title: {
             type: StringConstructor;
-            required: true; /**
-             * Whether to display a back button
-             */
-        }; /**
-         * Whether to display a back button
-         */
+            required: true;
+        };
         subtitle: {
             type: StringConstructor;
         };
@@ -333,20 +348,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => import("../../../neon").NeonEmptyStateType;
         };
         imageColor: {
-            type: () => NeonFunctionalColor;
-            /**
-             * Breadcrumbs to display above the header.
+            type: () => NeonFunctionalColor; /**
+             * The subtitle of the header.
              */
             default: () => NeonFunctionalColor;
         };
         title: {
             type: StringConstructor;
-            required: true; /**
-             * Whether to display a back button
-             */
-        }; /**
-         * Whether to display a back button
-         */
+            required: true;
+        };
         subtitle: {
             type: StringConstructor;
         };
@@ -379,7 +389,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: NeonFunctionalColor;
             };
             inverse: {
-                type: BooleanConstructor;
+                type: BooleanConstructor; /**
+                 * Override the label for the back button
+                 */
                 default: boolean;
             };
             alternateColor: {
@@ -416,10 +428,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             transparent: {
                 type: BooleanConstructor;
                 default: boolean;
-            }; /**
-             * Emitted when in selectable mode and the selected state of a card is toggled.
-             * @type {string, boolean} - the id of the card which is toggled & the new selected state.
-             */
+            };
             outline: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -481,7 +490,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: NeonFunctionalColor;
             };
             inverse: {
-                type: BooleanConstructor;
+                type: BooleanConstructor; /**
+                 * Override the label for the back button
+                 */
                 default: boolean;
             };
             alternateColor: {
@@ -518,10 +529,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             transparent: {
                 type: BooleanConstructor;
                 default: boolean;
-            }; /**
-             * Emitted when in selectable mode and the selected state of a card is toggled.
-             * @type {string, boolean} - the id of the card which is toggled & the new selected state.
-             */
+            };
             outline: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -607,16 +615,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
-                    required: true; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    required: true;
                 };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -626,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;
@@ -635,16 +645,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
-                    required: true; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    required: true;
                 };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -654,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;
@@ -680,18 +692,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             }>, {
                 neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>;
-                routerUrl: import("vue").ComputedRef<string | undefined>; /**
-                 * Make cards selectable.
-                 */
+                routerUrl: import("vue").ComputedRef<string | undefined>;
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
                 }>;
                 activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
                 exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
-                onClick: () => void;
-                onSpace: () => Promise<void>; /**
-                 * Model for configuring the on demand loading layout.
+                onClick: () => void; /**
+                 * Make cards selectable.
                  */
+                onSpace: () => Promise<void>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 href: {
                     type: StringConstructor;
@@ -720,16 +730,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                     name: {
                         type: StringConstructor;
-                        required: true; /**
-                         * Breadcrumbs to display above the header.
-                         */
+                        required: true;
                     };
                     id: {
                         type: StringConstructor;
                         default: null;
                     };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Items to display as cards. Each item should be a NeonCardListModel.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -739,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;
@@ -748,16 +760,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     name: {
                         type: StringConstructor;
-                        required: true; /**
-                         * Breadcrumbs to display above the header.
-                         */
+                        required: true;
                     };
                     id: {
                         type: StringConstructor;
                         default: null;
                     };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Items to display as cards. Each item should be a NeonCardListModel.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -767,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;
@@ -779,16 +793,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             name: {
                 type: StringConstructor;
-                required: true; /**
-                 * Breadcrumbs to display above the header.
-                 */
+                required: true;
             };
             id: {
                 type: StringConstructor;
                 default: null;
             };
             color: {
-                type: () => NeonFunctionalColor;
+                type: () => NeonFunctionalColor; /**
+                 * Items to display as cards. Each item should be a NeonCardListModel.
+                 */
                 default: null;
             };
             inverse: {
@@ -798,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;
@@ -807,16 +823,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             name: {
                 type: StringConstructor;
-                required: true; /**
-                 * Breadcrumbs to display above the header.
-                 */
+                required: true;
             };
             id: {
                 type: StringConstructor;
                 default: null;
             };
             color: {
-                type: () => NeonFunctionalColor;
+                type: () => NeonFunctionalColor; /**
+                 * Items to display as cards. Each item should be a NeonCardListModel.
+                 */
                 default: null;
             };
             inverse: {
@@ -826,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;
@@ -875,6 +893,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: () => NeonFunctionalColor;
             default: null;
         };
+        listStyle: {
+            type: () => NeonCardListStyle;
+            default: () => NeonCardListStyle;
+        };
+        sortable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         selectable: {
             type: BooleanConstructor;
             default: boolean;
@@ -889,21 +915,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: BooleanConstructor;
         };
     }>, {
-        emit: (event: "page-change" | "show-more" | "toggle-selected", ...args: any[]) => void;
+        emit: (event: "sort" | "page-change" | "show-more" | "toggle-selected", ...args: any[]) => void;
         n: typeof import("../../../neon").NeonNumberUtils.formatNumber;
         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;
-    }, {}, {}, {}, 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<{
+        NeonState: typeof import("../../../neon").NeonState;
+        onDrag: (index?: number | undefined) => void;
+        onDrop: (startIndex: number, endIndex: number) => void;
+        dragIndex: import("vue").Ref<number | undefined, number | undefined>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("sort" | "page-change" | "show-more" | "toggle-selected")[], "sort" | "page-change" | "show-more" | "toggle-selected", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         items: {
             type: () => NeonCardListModel<NeonIdentifiable | (NeonIdentifiable & NeonSelectable)>[];
             required: true;
@@ -912,6 +941,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: () => NeonFunctionalColor;
             default: null;
         };
+        listStyle: {
+            type: () => NeonCardListStyle;
+            default: () => NeonCardListStyle;
+        };
+        sortable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         selectable: {
             type: BooleanConstructor;
             default: boolean;
@@ -927,20 +964,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>> & Readonly<{
         "onPage-change"?: ((...args: any[]) => any) | undefined;
+        onSort?: ((...args: any[]) => any) | undefined;
         "onShow-more"?: ((...args: any[]) => any) | undefined;
         "onToggle-selected"?: ((...args: any[]) => any) | undefined;
     }>, {
         color: NeonFunctionalColor;
         loading: boolean;
+        listStyle: NeonCardListStyle;
+        sortable: boolean;
         selectable: boolean;
     }, {}, {
         NeonSelectableCard: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             modelValue: {
                 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.
-                 */
                 required: true;
             };
             color: {
@@ -958,10 +994,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
                 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.
-                 */
                 required: true;
             };
             color: {
@@ -998,11 +1030,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: {
@@ -1024,7 +1061,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;
@@ -1042,6 +1081,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;
@@ -1052,7 +1095,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;
@@ -1064,12 +1109,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
                 disabled: {
                     type: BooleanConstructor;
-                    default: boolean; /**
-                     * Items to display as cards. Each item should be a NeonCardListModel.
-                     */
-                }; /**
-                 * Items to display as cards. Each item should be a NeonCardListModel.
-                 */
+                    default: boolean;
+                };
             }>, {
                 checkbox: import("vue").Ref<HTMLInputElement | null, HTMLInputElement | null>;
                 sanitizedAttributes: import("vue").ComputedRef<{
@@ -1085,6 +1126,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;
@@ -1095,7 +1140,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;
@@ -1107,12 +1154,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
                 disabled: {
                     type: BooleanConstructor;
-                    default: boolean; /**
-                     * Items to display as cards. Each item should be a NeonCardListModel.
-                     */
-                }; /**
-                 * Items to display as cards. Each item should be a NeonCardListModel.
-                 */
+                    default: boolean;
+                };
             }>> & Readonly<{
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                 "onIndeterminate-change"?: ((...args: any[]) => any) | undefined;
@@ -1128,16 +1171,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                     name: {
                         type: StringConstructor;
-                        required: true; /**
-                         * Breadcrumbs to display above the header.
-                         */
+                        required: true;
                     };
                     id: {
                         type: StringConstructor;
                         default: null;
                     };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Items to display as cards. Each item should be a NeonCardListModel.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -1147,7 +1190,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;
@@ -1156,16 +1201,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     name: {
                         type: StringConstructor;
-                        required: true; /**
-                         * Breadcrumbs to display above the header.
-                         */
+                        required: true;
                     };
                     id: {
                         type: StringConstructor;
                         default: null;
                     };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Items to display as cards. Each item should be a NeonCardListModel.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -1175,7 +1220,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;
@@ -1269,7 +1316,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: NeonFunctionalColor;
                 };
                 inverse: {
-                    type: BooleanConstructor;
+                    type: BooleanConstructor; /**
+                     * Override the label for the back button
+                     */
                     default: boolean;
                 };
                 alternateColor: {
@@ -1306,10 +1355,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 transparent: {
                     type: BooleanConstructor;
                     default: boolean;
-                }; /**
-                 * Emitted when in selectable mode and the selected state of a card is toggled.
-                 * @type {string, boolean} - the id of the card which is toggled & the new selected state.
-                 */
+                };
                 outline: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -1371,7 +1417,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: NeonFunctionalColor;
                 };
                 inverse: {
-                    type: BooleanConstructor;
+                    type: BooleanConstructor; /**
+                     * Override the label for the back button
+                     */
                     default: boolean;
                 };
                 alternateColor: {
@@ -1408,10 +1456,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 transparent: {
                     type: BooleanConstructor;
                     default: boolean;
-                }; /**
-                 * Emitted when in selectable mode and the selected state of a card is toggled.
-                 * @type {string, boolean} - the id of the card which is toggled & the new selected state.
-                 */
+                };
                 outline: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -1497,16 +1542,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                     name: {
                         type: StringConstructor;
-                        required: true; /**
-                         * Breadcrumbs to display above the header.
-                         */
+                        required: true;
                     };
                     id: {
                         type: StringConstructor;
                         default: null;
                     };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Items to display as cards. Each item should be a NeonCardListModel.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -1516,7 +1561,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;
@@ -1525,16 +1572,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     name: {
                         type: StringConstructor;
-                        required: true; /**
-                         * Breadcrumbs to display above the header.
-                         */
+                        required: true;
                     };
                     id: {
                         type: StringConstructor;
                         default: null;
                     };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Items to display as cards. Each item should be a NeonCardListModel.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -1544,7 +1591,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;
@@ -1570,18 +1619,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     };
                 }>, {
                     neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>;
-                    routerUrl: import("vue").ComputedRef<string | undefined>; /**
-                     * Make cards selectable.
-                     */
+                    routerUrl: import("vue").ComputedRef<string | undefined>;
                     sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
                     }>;
                     activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
                     exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
-                    onClick: () => void;
-                    onSpace: () => Promise<void>; /**
-                     * Model for configuring the on demand loading layout.
+                    onClick: () => void; /**
+                     * Make cards selectable.
                      */
+                    onSpace: () => Promise<void>;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     href: {
                         type: StringConstructor;
@@ -1610,16 +1657,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                         name: {
                             type: StringConstructor;
-                            required: true; /**
-                             * Breadcrumbs to display above the header.
-                             */
+                            required: true;
                         };
                         id: {
                             type: StringConstructor;
                             default: null;
                         };
                         color: {
-                            type: () => NeonFunctionalColor;
+                            type: () => NeonFunctionalColor; /**
+                             * Items to display as cards. Each item should be a NeonCardListModel.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -1629,7 +1676,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;
@@ -1638,16 +1687,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                         name: {
                             type: StringConstructor;
-                            required: true; /**
-                             * Breadcrumbs to display above the header.
-                             */
+                            required: true;
                         };
                         id: {
                             type: StringConstructor;
                             default: null;
                         };
                         color: {
-                            type: () => NeonFunctionalColor;
+                            type: () => NeonFunctionalColor; /**
+                             * Items to display as cards. Each item should be a NeonCardListModel.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -1657,7 +1706,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;
@@ -1669,16 +1720,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
-                    required: true; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    required: true;
                 };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -1688,7 +1739,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;
@@ -1697,16 +1750,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
-                    required: true; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    required: true;
                 };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -1716,7 +1769,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;
@@ -1742,7 +1797,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: NeonFunctionalColor;
             };
             inverse: {
-                type: BooleanConstructor;
+                type: BooleanConstructor; /**
+                 * Override the label for the back button
+                 */
                 default: boolean;
             };
             alternateColor: {
@@ -1779,10 +1836,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             transparent: {
                 type: BooleanConstructor;
                 default: boolean;
-            }; /**
-             * Emitted when in selectable mode and the selected state of a card is toggled.
-             * @type {string, boolean} - the id of the card which is toggled & the new selected state.
-             */
+            };
             outline: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1844,7 +1898,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: NeonFunctionalColor;
             };
             inverse: {
-                type: BooleanConstructor;
+                type: BooleanConstructor; /**
+                 * Override the label for the back button
+                 */
                 default: boolean;
             };
             alternateColor: {
@@ -1881,10 +1937,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             transparent: {
                 type: BooleanConstructor;
                 default: boolean;
-            }; /**
-             * Emitted when in selectable mode and the selected state of a card is toggled.
-             * @type {string, boolean} - the id of the card which is toggled & the new selected state.
-             */
+            };
             outline: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -1970,16 +2023,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
-                    required: true; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    required: true;
                 };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -1989,7 +2042,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;
@@ -1998,16 +2053,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
-                    required: true; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    required: true;
                 };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -2017,7 +2072,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;
@@ -2043,18 +2100,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             }>, {
                 neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>;
-                routerUrl: import("vue").ComputedRef<string | undefined>; /**
-                 * Make cards selectable.
-                 */
+                routerUrl: import("vue").ComputedRef<string | undefined>;
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
                 }>;
                 activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
                 exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
-                onClick: () => void;
-                onSpace: () => Promise<void>; /**
-                 * Model for configuring the on demand loading layout.
+                onClick: () => void; /**
+                 * Make cards selectable.
                  */
+                onSpace: () => Promise<void>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 href: {
                     type: StringConstructor;
@@ -2083,16 +2138,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                     name: {
                         type: StringConstructor;
-                        required: true; /**
-                         * Breadcrumbs to display above the header.
-                         */
+                        required: true;
                     };
                     id: {
                         type: StringConstructor;
                         default: null;
                     };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Items to display as cards. Each item should be a NeonCardListModel.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -2102,7 +2157,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;
@@ -2111,16 +2168,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     name: {
                         type: StringConstructor;
-                        required: true; /**
-                         * Breadcrumbs to display above the header.
-                         */
+                        required: true;
                     };
                     id: {
                         type: StringConstructor;
                         default: null;
                     };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Items to display as cards. Each item should be a NeonCardListModel.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -2130,7 +2187,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;
@@ -2157,7 +2216,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>> & Readonly<{}>, {
             gap: import("../../../neon").NeonLayoutSize;
-        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>; /**
+         * Loading state for pagination, set when loading a new page.
+         */
         NeonLink: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             href: {
                 type: StringConstructor;
@@ -2177,18 +2238,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>, {
             neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>;
-            routerUrl: import("vue").ComputedRef<string | undefined>; /**
-             * Make cards selectable.
-             */
+            routerUrl: import("vue").ComputedRef<string | undefined>;
             sanitizedAttributes: import("vue").ComputedRef<{
                 [x: string]: unknown;
             }>;
             activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
             exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
-            onClick: () => void;
-            onSpace: () => Promise<void>; /**
-             * Model for configuring the on demand loading layout.
+            onClick: () => void; /**
+             * Make cards selectable.
              */
+            onSpace: () => Promise<void>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             href: {
                 type: StringConstructor;
@@ -2217,16 +2276,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
-                    required: true; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    required: true;
                 };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -2236,7 +2295,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;
@@ -2245,16 +2306,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
-                    required: true; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    required: true;
                 };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -2264,7 +2325,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;
@@ -2272,6 +2335,83 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: boolean;
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        NeonDraggableCard: {
+            new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+                draggable: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                };
+                color: {
+                    type: import("vue").PropType<NeonFunctionalColor>;
+                };
+                dragIndex: {
+                    type: import("vue").PropType<number>;
+                };
+                index: {
+                    type: import("vue").PropType<number>;
+                    required: true;
+                };
+            }>> & Readonly<{
+                onDrop?: ((...args: any[]) => any) | undefined;
+                "onOn-drag"?: ((...args: any[]) => any) | undefined;
+            }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                drop: (...args: any[]) => void;
+                "on-drag": (...args: any[]) => void;
+            }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import("vue").ExtractPropTypes<{
+                draggable: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                };
+                color: {
+                    type: import("vue").PropType<NeonFunctionalColor>;
+                };
+                dragIndex: {
+                    type: import("vue").PropType<number>;
+                };
+                index: {
+                    type: import("vue").PropType<number>;
+                    required: true;
+                };
+            }>> & Readonly<{
+                onDrop?: ((...args: any[]) => any) | undefined;
+                "onOn-drag"?: ((...args: any[]) => any) | undefined;
+            }>, {}, {}, {}, {}, {}>;
+            __isFragment?: undefined;
+            __isTeleport?: undefined;
+            __isSuspense?: undefined;
+        } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            draggable: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+            };
+            color: {
+                type: import("vue").PropType<NeonFunctionalColor>;
+            };
+            dragIndex: {
+                type: import("vue").PropType<number>;
+            };
+            index: {
+                type: import("vue").PropType<number>;
+                required: true;
+            };
+        }>> & Readonly<{
+            onDrop?: ((...args: any[]) => any) | undefined;
+            "onOn-drag"?: ((...args: any[]) => any) | undefined;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            drop: (...args: any[]) => void;
+            "on-drag": (...args: any[]) => void;
+        }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+            $slots: {
+                default?(_: {}): 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: {
@@ -2364,16 +2504,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
-                    required: true; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    required: true;
                 };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -2383,7 +2523,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;
@@ -2392,16 +2534,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
-                    required: true; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    required: true;
                 };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -2411,7 +2553,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;
@@ -2441,9 +2585,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
         backLabel: {
-            type: StringConstructor; /**
-             * Whether to display a back button
-             */
+            type: StringConstructor;
             default: string;
         };
     }>, {
@@ -2473,9 +2615,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
         backLabel: {
-            type: StringConstructor; /**
-             * Whether to display a back button
-             */
+            type: StringConstructor;
             default: string;
         };
     }>> & Readonly<{}>, {
@@ -2530,16 +2670,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
-                    required: true; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    required: true;
                 };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -2549,7 +2689,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;
@@ -2558,16 +2700,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
-                    required: true; /**
-                     * Breadcrumbs to display above the header.
-                     */
+                    required: true;
                 };
                 id: {
                     type: StringConstructor;
                     default: null;
                 };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -2577,7 +2719,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;
@@ -2603,18 +2747,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             }>, {
                 neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>;
-                routerUrl: import("vue").ComputedRef<string | undefined>; /**
-                 * Make cards selectable.
-                 */
+                routerUrl: import("vue").ComputedRef<string | undefined>;
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
                 }>;
                 activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
                 exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
-                onClick: () => void;
-                onSpace: () => Promise<void>; /**
-                 * Model for configuring the on demand loading layout.
+                onClick: () => void; /**
+                 * Make cards selectable.
                  */
+                onSpace: () => Promise<void>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 href: {
                     type: StringConstructor;
@@ -2643,16 +2785,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                     name: {
                         type: StringConstructor;
-                        required: true; /**
-                         * Breadcrumbs to display above the header.
-                         */
+                        required: true;
                     };
                     id: {
                         type: StringConstructor;
                         default: null;
                     };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Items to display as cards. Each item should be a NeonCardListModel.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -2662,7 +2804,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;
@@ -2671,16 +2815,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     name: {
                         type: StringConstructor;
-                        required: true; /**
-                         * Breadcrumbs to display above the header.
-                         */
+                        required: true;
                     };
                     id: {
                         type: StringConstructor;
                         default: null;
                     };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Items to display as cards. Each item should be a NeonCardListModel.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -2690,7 +2834,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;