@aotearoan/neon 28.4.0 → 28.5.0

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

@@ -51,6 +51,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.
      */
@@ -84,13 +90,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: () => NeonPaginationModel;
     };
 }>, {
-    initializing: import("vue").Ref<boolean, boolean>;
+    emit: (event: "page-change" | "show-more" | "toggle-selected", ...args: any[]) => void;
     slots: Readonly<{
         [name: string]: import("vue").Slot<any> | undefined;
     }>;
     showMore: () => void;
     toggleSelected: (id: string, selected: boolean) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("show-more" | "toggle-selected")[], "show-more" | "toggle-selected", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    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.
      */
@@ -132,6 +139,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.
      */
@@ -165,6 +178,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: () => NeonPaginationModel;
     };
 }>> & Readonly<{
+    "onPage-change"?: ((...args: any[]) => any) | undefined;
     "onShow-more"?: ((...args: any[]) => any) | undefined;
     "onToggle-selected"?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -174,6 +188,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     backButton: boolean;
     backLabel: string;
     selectable: boolean;
+    initializing: boolean;
 }, {}, {
     NeonSplashLoader: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         color: {
@@ -220,10 +235,10 @@ 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; /**
+                 * Breadcrumbs to display above the header.
+                 */
+            };
             id: {
                 type: StringConstructor;
                 default: null;
@@ -243,18 +258,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>, {
             sanitizedAttributes: import("vue").ComputedRef<{
                 [x: string]: unknown;
-            }>; /**
-             * 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.
-             */
+            }>;
             icon: import("vue").ComputedRef<string | undefined>;
         }, {}, {}, {}, 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; /**
+                 * Breadcrumbs to display above the header.
+                 */
+            };
             id: {
                 type: StringConstructor;
                 default: null;
@@ -288,13 +300,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         imageColor: {
             type: () => NeonFunctionalColor;
+            /**
+             * Breadcrumbs to display above the header.
+             */
             default: () => NeonFunctionalColor;
         };
         title: {
             type: StringConstructor;
-            required: true;
-        };
-        /**
+            required: true; /**
+             * Whether to display a back button
+             */
+        }; /**
          * Whether to display a back button
          */
         subtitle: {
@@ -318,13 +334,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         imageColor: {
             type: () => NeonFunctionalColor;
+            /**
+             * Breadcrumbs to display above the header.
+             */
             default: () => NeonFunctionalColor;
         };
         title: {
             type: StringConstructor;
-            required: true;
-        };
-        /**
+            required: true; /**
+             * Whether to display a back button
+             */
+        }; /**
          * Whether to display a back button
          */
         subtitle: {
@@ -352,12 +372,8 @@ 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;
@@ -400,7 +416,10 @@ 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;
@@ -455,12 +474,8 @@ 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;
@@ -503,7 +518,10 @@ 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;
@@ -589,10 +607,10 @@ 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; /**
+                     * Breadcrumbs to display above the header.
+                     */
+                };
                 id: {
                     type: StringConstructor;
                     default: null;
@@ -612,18 +630,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
-                }>; /**
-                 * 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.
-                 */
+                }>;
                 icon: import("vue").ComputedRef<string | undefined>;
             }, {}, {}, {}, 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; /**
+                     * Breadcrumbs to display above the header.
+                     */
+                };
                 id: {
                     type: StringConstructor;
                     default: null;
@@ -665,14 +680,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             }>, {
                 neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>;
-                routerUrl: import("vue").ComputedRef<string | undefined>;
+                routerUrl: import("vue").ComputedRef<string | undefined>; /**
+                 * Make cards selectable.
+                 */
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
                 }>;
                 activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
                 exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
                 onClick: () => void;
-                onSpace: () => Promise<void>;
+                onSpace: () => Promise<void>; /**
+                 * Model for configuring the on demand loading layout.
+                 */
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 href: {
                     type: StringConstructor;
@@ -701,10 +720,10 @@ 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; /**
+                         * Breadcrumbs to display above the header.
+                         */
+                    };
                     id: {
                         type: StringConstructor;
                         default: null;
@@ -724,18 +743,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }>, {
                     sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
-                    }>; /**
-                     * 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.
-                     */
+                    }>;
                     icon: import("vue").ComputedRef<string | undefined>;
                 }, {}, {}, {}, 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; /**
+                         * Breadcrumbs to display above the header.
+                         */
+                    };
                     id: {
                         type: StringConstructor;
                         default: null;
@@ -763,10 +779,10 @@ 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; /**
+                 * Breadcrumbs to display above the header.
+                 */
+            };
             id: {
                 type: StringConstructor;
                 default: null;
@@ -786,18 +802,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>, {
             sanitizedAttributes: import("vue").ComputedRef<{
                 [x: string]: unknown;
-            }>; /**
-             * 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.
-             */
+            }>;
             icon: import("vue").ComputedRef<string | undefined>;
         }, {}, {}, {}, 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; /**
+                 * Breadcrumbs to display above the header.
+                 */
+            };
             id: {
                 type: StringConstructor;
                 default: null;
@@ -860,27 +873,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
         color: {
             type: () => NeonFunctionalColor;
-            default: null; /**
-             * Make cards selectable.
-             */
-        }; /**
-         * Make cards selectable.
-         */
+            default: null;
+        };
         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;
         };
@@ -888,7 +889,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: BooleanConstructor;
         };
     }>, {
-        emit: (event: "show-more" | "toggle-selected", ...args: any[]) => void;
+        emit: (event: "page-change" | "show-more" | "toggle-selected", ...args: any[]) => void;
         n: typeof import("../../../neon").NeonNumberUtils.formatNumber;
         NeonButtonStyle: typeof import("../../../neon").NeonButtonStyle;
         NeonFunctionalColor: typeof NeonFunctionalColor;
@@ -900,34 +901,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         slots: Readonly<{
             [name: string]: import("vue").Slot<any> | undefined;
         }>;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("show-more" | "toggle-selected")[], "show-more" | "toggle-selected", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        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<{
         items: {
             type: () => NeonCardListModel<NeonIdentifiable | (NeonIdentifiable & NeonSelectable)>[];
             required: true;
         };
         color: {
             type: () => NeonFunctionalColor;
-            default: null; /**
-             * Make cards selectable.
-             */
-        }; /**
-         * Make cards selectable.
-         */
+            default: null;
+        };
         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;
         };
@@ -935,6 +926,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: BooleanConstructor;
         };
     }>> & Readonly<{
+        "onPage-change"?: ((...args: any[]) => any) | undefined;
         "onShow-more"?: ((...args: any[]) => any) | undefined;
         "onToggle-selected"?: ((...args: any[]) => any) | undefined;
     }>, {
@@ -945,6 +937,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         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: {
@@ -962,6 +958,10 @@ 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: {
@@ -1064,8 +1064,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
                 disabled: {
                     type: BooleanConstructor;
-                    default: boolean;
-                };
+                    default: boolean; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
+                }; /**
+                 * Items to display as cards. Each item should be a NeonCardListModel.
+                 */
             }>, {
                 checkbox: import("vue").Ref<HTMLInputElement | null, HTMLInputElement | null>;
                 sanitizedAttributes: import("vue").ComputedRef<{
@@ -1103,8 +1107,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
                 disabled: {
                     type: BooleanConstructor;
-                    default: boolean;
-                };
+                    default: boolean; /**
+                     * Items to display as cards. Each item should be a NeonCardListModel.
+                     */
+                }; /**
+                 * Items to display as cards. Each item should be a NeonCardListModel.
+                 */
             }>> & Readonly<{
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
                 "onIndeterminate-change"?: ((...args: any[]) => any) | undefined;
@@ -1120,10 +1128,10 @@ 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; /**
+                         * Breadcrumbs to display above the header.
+                         */
+                    };
                     id: {
                         type: StringConstructor;
                         default: null;
@@ -1143,18 +1151,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }>, {
                     sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
-                    }>; /**
-                     * 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.
-                     */
+                    }>;
                     icon: import("vue").ComputedRef<string | undefined>;
                 }, {}, {}, {}, 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; /**
+                         * Breadcrumbs to display above the header.
+                         */
+                    };
                     id: {
                         type: StringConstructor;
                         default: null;
@@ -1186,7 +1191,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             urlTemplate: {
                 type: StringConstructor;
-                required: true;
             };
             pageSize: {
                 type: NumberConstructor;
@@ -1214,15 +1218,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             showFirstPageWithEllipsis: import("vue").ComputedRef<boolean>;
             showLastPageWithEllipsis: import("vue").ComputedRef<boolean>;
             pageRange: import("vue").ComputedRef<number[]>;
-            url: (page: number) => string;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            url: (page: number) => string | undefined;
+            emit: (event: "page-change", ...args: any[]) => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "page-change"[], "page-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             page: {
                 type: NumberConstructor;
                 required: true;
             };
             urlTemplate: {
                 type: StringConstructor;
-                required: true;
             };
             pageSize: {
                 type: NumberConstructor;
@@ -1240,7 +1244,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: () => NeonFunctionalColor;
                 default: () => NeonFunctionalColor;
             };
-        }>> & Readonly<{}>, {
+        }>> & Readonly<{
+            "onPage-change"?: ((...args: any[]) => any) | undefined;
+        }>, {
             color: NeonFunctionalColor;
             pageSize: number;
             displayFirstAndLast: boolean;
@@ -1256,12 +1262,8 @@ 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;
@@ -1304,7 +1306,10 @@ 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;
@@ -1359,12 +1364,8 @@ 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;
@@ -1407,7 +1408,10 @@ 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;
@@ -1493,10 +1497,10 @@ 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; /**
+                         * Breadcrumbs to display above the header.
+                         */
+                    };
                     id: {
                         type: StringConstructor;
                         default: null;
@@ -1516,18 +1520,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }>, {
                     sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
-                    }>; /**
-                     * 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.
-                     */
+                    }>;
                     icon: import("vue").ComputedRef<string | undefined>;
                 }, {}, {}, {}, 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; /**
+                         * Breadcrumbs to display above the header.
+                         */
+                    };
                     id: {
                         type: StringConstructor;
                         default: null;
@@ -1569,14 +1570,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     };
                 }>, {
                     neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>;
-                    routerUrl: import("vue").ComputedRef<string | undefined>;
+                    routerUrl: import("vue").ComputedRef<string | undefined>; /**
+                     * Make cards selectable.
+                     */
                     sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
                     }>;
                     activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
                     exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
                     onClick: () => void;
-                    onSpace: () => Promise<void>;
+                    onSpace: () => Promise<void>; /**
+                     * Model for configuring the on demand loading layout.
+                     */
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     href: {
                         type: StringConstructor;
@@ -1605,10 +1610,10 @@ 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; /**
+                             * Breadcrumbs to display above the header.
+                             */
+                        };
                         id: {
                             type: StringConstructor;
                             default: null;
@@ -1628,18 +1633,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }>, {
                         sanitizedAttributes: import("vue").ComputedRef<{
                             [x: string]: unknown;
-                        }>; /**
-                         * 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.
-                         */
+                        }>;
                         icon: import("vue").ComputedRef<string | undefined>;
                     }, {}, {}, {}, 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; /**
+                             * Breadcrumbs to display above the header.
+                             */
+                        };
                         id: {
                             type: StringConstructor;
                             default: null;
@@ -1667,10 +1669,10 @@ 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; /**
+                     * Breadcrumbs to display above the header.
+                     */
+                };
                 id: {
                     type: StringConstructor;
                     default: null;
@@ -1690,18 +1692,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
-                }>; /**
-                 * 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.
-                 */
+                }>;
                 icon: import("vue").ComputedRef<string | undefined>;
             }, {}, {}, {}, 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; /**
+                     * Breadcrumbs to display above the header.
+                     */
+                };
                 id: {
                     type: StringConstructor;
                     default: null;
@@ -1736,12 +1735,8 @@ 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;
@@ -1784,7 +1779,10 @@ 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;
@@ -1839,12 +1837,8 @@ 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;
@@ -1887,7 +1881,10 @@ 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;
@@ -1973,10 +1970,10 @@ 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; /**
+                     * Breadcrumbs to display above the header.
+                     */
+                };
                 id: {
                     type: StringConstructor;
                     default: null;
@@ -1996,18 +1993,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
-                }>; /**
-                 * 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.
-                 */
+                }>;
                 icon: import("vue").ComputedRef<string | undefined>;
             }, {}, {}, {}, 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; /**
+                     * Breadcrumbs to display above the header.
+                     */
+                };
                 id: {
                     type: StringConstructor;
                     default: null;
@@ -2049,14 +2043,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             }>, {
                 neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>;
-                routerUrl: import("vue").ComputedRef<string | undefined>;
+                routerUrl: import("vue").ComputedRef<string | undefined>; /**
+                 * Make cards selectable.
+                 */
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
                 }>;
                 activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
                 exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
                 onClick: () => void;
-                onSpace: () => Promise<void>;
+                onSpace: () => Promise<void>; /**
+                 * Model for configuring the on demand loading layout.
+                 */
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 href: {
                     type: StringConstructor;
@@ -2085,10 +2083,10 @@ 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; /**
+                         * Breadcrumbs to display above the header.
+                         */
+                    };
                     id: {
                         type: StringConstructor;
                         default: null;
@@ -2108,18 +2106,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }>, {
                     sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
-                    }>; /**
-                     * 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.
-                     */
+                    }>;
                     icon: import("vue").ComputedRef<string | undefined>;
                 }, {}, {}, {}, 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; /**
+                         * Breadcrumbs to display above the header.
+                         */
+                    };
                     id: {
                         type: StringConstructor;
                         default: null;
@@ -2182,14 +2177,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>, {
             neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>;
-            routerUrl: import("vue").ComputedRef<string | undefined>;
+            routerUrl: import("vue").ComputedRef<string | undefined>; /**
+             * Make cards selectable.
+             */
             sanitizedAttributes: import("vue").ComputedRef<{
                 [x: string]: unknown;
             }>;
             activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
             exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
             onClick: () => void;
-            onSpace: () => Promise<void>;
+            onSpace: () => Promise<void>; /**
+             * Model for configuring the on demand loading layout.
+             */
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             href: {
                 type: StringConstructor;
@@ -2218,10 +2217,10 @@ 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; /**
+                     * Breadcrumbs to display above the header.
+                     */
+                };
                 id: {
                     type: StringConstructor;
                     default: null;
@@ -2241,18 +2240,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
-                }>; /**
-                 * 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.
-                 */
+                }>;
                 icon: import("vue").ComputedRef<string | undefined>;
             }, {}, {}, {}, 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; /**
+                     * Breadcrumbs to display above the header.
+                     */
+                };
                 id: {
                     type: StringConstructor;
                     default: null;
@@ -2276,6 +2272,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;
@@ -2321,10 +2364,10 @@ 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; /**
+                     * Breadcrumbs to display above the header.
+                     */
+                };
                 id: {
                     type: StringConstructor;
                     default: null;
@@ -2344,18 +2387,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
-                }>; /**
-                 * 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.
-                 */
+                }>;
                 icon: import("vue").ComputedRef<string | undefined>;
             }, {}, {}, {}, 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; /**
+                     * Breadcrumbs to display above the header.
+                     */
+                };
                 id: {
                     type: StringConstructor;
                     default: null;
@@ -2379,19 +2419,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: {
@@ -2414,8 +2441,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
         backLabel: {
-            type: StringConstructor;
-            /**
+            type: StringConstructor; /**
              * Whether to display a back button
              */
             default: string;
@@ -2447,8 +2473,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
         backLabel: {
-            type: StringConstructor;
-            /**
+            type: StringConstructor; /**
              * Whether to display a back button
              */
             default: string;
@@ -2505,10 +2530,10 @@ 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; /**
+                     * Breadcrumbs to display above the header.
+                     */
+                };
                 id: {
                     type: StringConstructor;
                     default: null;
@@ -2528,18 +2553,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>, {
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
-                }>; /**
-                 * 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.
-                 */
+                }>;
                 icon: import("vue").ComputedRef<string | undefined>;
             }, {}, {}, {}, 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; /**
+                     * Breadcrumbs to display above the header.
+                     */
+                };
                 id: {
                     type: StringConstructor;
                     default: null;
@@ -2581,14 +2603,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             }>, {
                 neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>;
-                routerUrl: import("vue").ComputedRef<string | undefined>;
+                routerUrl: import("vue").ComputedRef<string | undefined>; /**
+                 * Make cards selectable.
+                 */
                 sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
                 }>;
                 activeRoute: import("vue").ComputedRef<boolean | "" | undefined>;
                 exactRoute: import("vue").ComputedRef<boolean | "" | undefined>;
                 onClick: () => void;
-                onSpace: () => Promise<void>;
+                onSpace: () => Promise<void>; /**
+                 * Model for configuring the on demand loading layout.
+                 */
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 href: {
                     type: StringConstructor;
@@ -2617,10 +2643,10 @@ 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; /**
+                         * Breadcrumbs to display above the header.
+                         */
+                    };
                     id: {
                         type: StringConstructor;
                         default: null;
@@ -2640,18 +2666,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }>, {
                     sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
-                    }>; /**
-                     * 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.
-                     */
+                    }>;
                     icon: import("vue").ComputedRef<string | undefined>;
                 }, {}, {}, {}, 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; /**
+                         * Breadcrumbs to display above the header.
+                         */
+                    };
                     id: {
                         type: StringConstructor;
                         default: null;
@@ -2689,10 +2712,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;
                 };
             }>, {
@@ -2714,10 +2734,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<{}>, {