@aotearoan/neon 25.0.2 → 25.2.0

package/dist/src/components/layout/card-list/NeonCardList.d.ts

@@ -2,6 +2,10 @@ import { NeonButtonStyle } from '@/common/enums/NeonButtonStyle';
 import { NeonSize } from '@/common/enums/NeonSize';
 import { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';
 import type { NeonCardListModel } from '@/common/models/NeonCardListModel';
+import { NeonNumberUtils } from '@/common/utils/NeonNumberUtils';
+import type { NeonLoadOnDemandModel } from '@/common/models/NeonLoadOnDemandModel';
+import type { NeonPaginationModel } from '@/common/models/NeonPaginationModel';
+import type { NeonIdentifiable } from '@/common/models/NeonIdentifiable';
 /**
  * Represent lists of objects as cards. This is intended to be a more responsive replacement for tables. This component
  * will display a list of items as cards with a count (x of y) and a <em>Show more</em> button to load more results.
@@ -10,20 +14,12 @@ import type { NeonCardListModel } from '@/common/models/NeonCardListModel';
  */
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
-     * Model for a card in the list. This is passed through to the #card slot allowing the parent component to provide
-     * the card layout.
+     * Items to display as cards. Each item should be a NeonCardListModel.
      */
-    model: {
-        type: () => Array<NeonCardListModel>;
+    items: {
+        type: () => Array<NeonCardListModel<NeonIdentifiable>>;
         required: true;
     };
-    /**
-     * For pagination - the total count of records including those not displayed.
-     */
-    total: {
-        type: NumberConstructor;
-        default: null;
-    };
     /**
      * Specify a hover color for the cards.
      */
@@ -32,56 +28,35 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: null;
     };
     /**
-     * Specify cards are clickable. This will return click events when cards are clicked on. NOTE: use the href in the
-     * card model instead of clickable=true if cards are links.
-     */
-    clickable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * override the default 'x of y' text.
+     * Model for configuring the on demand loading layout.
      */
-    ofLabel: {
-        type: StringConstructor;
-        default: string;
+    loadOnDemand: {
+        type: () => NeonLoadOnDemandModel;
     };
     /**
-     * override the 'Show more' text.
+     * Model for configuring pagination, either pagination or loadOnDemand should be provided.
      */
-    showMoreLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * override the 'End of results' text.
-     */
-    endOfResultsLabel: {
-        type: StringConstructor;
-        default: string;
+    pagination: {
+        type: () => NeonPaginationModel;
     };
 }>, {
-    emit: (event: "click" | "show-more", ...args: any[]) => void;
-    n: (value: number) => string;
+    emit: (event: "show-more", ...args: any[]) => void;
+    n: typeof NeonNumberUtils.formatNumber;
     NeonButtonStyle: typeof NeonButtonStyle;
     NeonFunctionalColor: typeof NeonFunctionalColor;
     NeonSize: typeof NeonSize;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "show-more")[], "click" | "show-more", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    ofLabel: import("vue").ComputedRef<string | undefined>;
+    showMoreLabel: import("vue").ComputedRef<string | undefined>;
+    endOfResultsLabel: import("vue").ComputedRef<string | undefined>;
+    total: import("vue").ComputedRef<number>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "show-more"[], "show-more", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
-     * Model for a card in the list. This is passed through to the #card slot allowing the parent component to provide
-     * the card layout.
+     * Items to display as cards. Each item should be a NeonCardListModel.
      */
-    model: {
-        type: () => Array<NeonCardListModel>;
+    items: {
+        type: () => Array<NeonCardListModel<NeonIdentifiable>>;
         required: true;
     };
-    /**
-     * For pagination - the total count of records including those not displayed.
-     */
-    total: {
-        type: NumberConstructor;
-        default: null;
-    };
     /**
      * Specify a hover color for the cards.
      */
@@ -90,45 +65,539 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: null;
     };
     /**
-     * Specify cards are clickable. This will return click events when cards are clicked on. NOTE: use the href in the
-     * card model instead of clickable=true if cards are links.
-     */
-    clickable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * override the default 'x of y' text.
-     */
-    ofLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * override the 'Show more' text.
+     * Model for configuring the on demand loading layout.
      */
-    showMoreLabel: {
-        type: StringConstructor;
-        default: string;
+    loadOnDemand: {
+        type: () => NeonLoadOnDemandModel;
     };
     /**
-     * override the 'End of results' text.
+     * Model for configuring pagination, either pagination or loadOnDemand should be provided.
      */
-    endOfResultsLabel: {
-        type: StringConstructor;
-        default: string;
+    pagination: {
+        type: () => NeonPaginationModel;
     };
 }>> & Readonly<{
-    onClick?: ((...args: any[]) => any) | undefined;
     "onShow-more"?: ((...args: any[]) => any) | undefined;
 }>, {
     color: NeonFunctionalColor;
-    clickable: boolean;
-    total: number;
-    ofLabel: string;
-    showMoreLabel: string;
-    endOfResultsLabel: string;
 }, {}, {
+    NeonPagination: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        page: {
+            type: NumberConstructor;
+            required: true;
+        };
+        urlTemplate: {
+            type: StringConstructor;
+            required: true;
+        };
+        pageSize: {
+            type: NumberConstructor;
+            default: number;
+        };
+        total: {
+            type: NumberConstructor;
+            required: true;
+        };
+        displayFirstAndLast: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: () => NeonFunctionalColor;
+            default: () => NeonFunctionalColor;
+        };
+    }>, {
+        pageCount: import("vue").ComputedRef<number>;
+        hidePagination: import("vue").ComputedRef<boolean>;
+        previousPage: import("vue").ComputedRef<number>;
+        disabledPrevious: import("vue").ComputedRef<boolean>;
+        nextPage: import("vue").ComputedRef<number>;
+        disabledNext: import("vue").ComputedRef<boolean>;
+        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<{
+        page: {
+            type: NumberConstructor;
+            required: true;
+        };
+        urlTemplate: {
+            type: StringConstructor;
+            required: true;
+        };
+        pageSize: {
+            type: NumberConstructor;
+            default: number;
+        };
+        total: {
+            type: NumberConstructor;
+            required: true;
+        };
+        displayFirstAndLast: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: () => NeonFunctionalColor;
+            default: () => NeonFunctionalColor;
+        };
+    }>> & Readonly<{}>, {
+        color: NeonFunctionalColor;
+        pageSize: number;
+        displayFirstAndLast: boolean;
+    }, {}, {
+        NeonButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            href: {
+                type: StringConstructor;
+                default: null;
+            };
+            label: {
+                type: StringConstructor;
+                default: null;
+            };
+            size: {
+                type: () => import("../../../neon").NeonButtonSize;
+                default: import("../../../neon").NeonButtonSize;
+            };
+            color: {
+                type: () => NeonFunctionalColor;
+                default: NeonFunctionalColor;
+            };
+            inverse: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            alternateColor: {
+                type: () => NeonFunctionalColor;
+                default: null;
+            };
+            icon: {
+                type: StringConstructor;
+                default: null;
+            };
+            iconAriaLabel: {
+                type: StringConstructor;
+            };
+            iconPosition: {
+                type: () => import("../../../neon").NeonHorizontalPosition;
+                default: import("../../../neon").NeonHorizontalPosition;
+            };
+            buttonStyle: {
+                type: () => NeonButtonStyle;
+                default: NeonButtonStyle;
+            };
+            buttonType: {
+                type: () => import("../../../neon").NeonButtonType;
+                default: import("../../../neon").NeonButtonType;
+            };
+            state: {
+                type: () => import("../../../neon").NeonState;
+                default: import("../../../neon").NeonState;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            transparent: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            outline: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            circular: {
+                type: BooleanConstructor;
+                default: null;
+            };
+            fullWidth: {
+                type: BooleanConstructor;
+                default: null;
+            };
+            indicator: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            indicatorExpanded: {
+                type: BooleanConstructor;
+                default: null;
+            };
+        }>, {
+            iconName: import("vue").ComputedRef<string>;
+            classes: import("vue").ComputedRef<(string | false | {
+                [x: string]: boolean | "" | NeonFunctionalColor;
+                'neon-button--text-transparent': boolean;
+                'neon-button--disabled': boolean;
+                'neon-button--inverse': boolean;
+                'neon-button--circular': boolean;
+                'neon-button--no-outline': boolean;
+                'neon-button--full-width': boolean;
+                'neon-button--with-icon neon-button--icon-only': boolean | "";
+                'neon-button--with-icon neon-button--icon-left': boolean | "";
+                'neon-button--with-icon neon-button--icon-right': boolean | "";
+            })[]>;
+            button: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+            attrs: {
+                [x: string]: unknown;
+            };
+            sanitizedAttributes: import("vue").ComputedRef<{
+                [x: string]: unknown;
+            }>;
+            clickLink: () => void | undefined;
+            clickButton: () => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            href: {
+                type: StringConstructor;
+                default: null;
+            };
+            label: {
+                type: StringConstructor;
+                default: null;
+            };
+            size: {
+                type: () => import("../../../neon").NeonButtonSize;
+                default: import("../../../neon").NeonButtonSize;
+            };
+            color: {
+                type: () => NeonFunctionalColor;
+                default: NeonFunctionalColor;
+            };
+            inverse: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            alternateColor: {
+                type: () => NeonFunctionalColor;
+                default: null;
+            };
+            icon: {
+                type: StringConstructor;
+                default: null;
+            };
+            iconAriaLabel: {
+                type: StringConstructor;
+            };
+            iconPosition: {
+                type: () => import("../../../neon").NeonHorizontalPosition;
+                default: import("../../../neon").NeonHorizontalPosition;
+            };
+            buttonStyle: {
+                type: () => NeonButtonStyle;
+                default: NeonButtonStyle;
+            };
+            buttonType: {
+                type: () => import("../../../neon").NeonButtonType;
+                default: import("../../../neon").NeonButtonType;
+            };
+            state: {
+                type: () => import("../../../neon").NeonState;
+                default: import("../../../neon").NeonState;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            transparent: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            outline: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            circular: {
+                type: BooleanConstructor;
+                default: null;
+            };
+            fullWidth: {
+                type: BooleanConstructor;
+                default: null;
+            };
+            indicator: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            indicatorExpanded: {
+                type: BooleanConstructor;
+                default: null;
+            };
+        }>> & Readonly<{
+            onClick?: ((...args: any[]) => any) | undefined;
+        }>, {
+            color: NeonFunctionalColor;
+            icon: string;
+            label: string;
+            inverse: boolean;
+            disabled: boolean;
+            href: string;
+            size: import("../../../neon").NeonButtonSize;
+            outline: boolean;
+            alternateColor: NeonFunctionalColor;
+            iconPosition: import("../../../neon").NeonHorizontalPosition;
+            buttonStyle: NeonButtonStyle;
+            buttonType: import("../../../neon").NeonButtonType;
+            state: import("../../../neon").NeonState;
+            transparent: boolean;
+            circular: boolean;
+            fullWidth: boolean;
+            indicator: boolean;
+            indicatorExpanded: boolean;
+        }, {}, {
+            NeonExpansionIndicator: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                expanded: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                inverse: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                color: {
+                    type: () => NeonFunctionalColor;
+                    default: null;
+                };
+            }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                expanded: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                inverse: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                color: {
+                    type: () => NeonFunctionalColor;
+                    default: null;
+                };
+            }>> & Readonly<{}>, {
+                color: NeonFunctionalColor;
+                inverse: boolean;
+                disabled: boolean;
+                expanded: boolean;
+            }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+            NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                name: {
+                    type: StringConstructor;
+                    required: true;
+                };
+                id: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                color: {
+                    type: () => NeonFunctionalColor;
+                    default: null;
+                };
+                inverse: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                sanitizedAttributes: import("vue").ComputedRef<{
+                    [x: string]: unknown;
+                }>;
+                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;
+                };
+                id: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                color: {
+                    type: () => NeonFunctionalColor;
+                    default: null;
+                };
+                inverse: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{}>, {
+                color: NeonFunctionalColor;
+                id: string;
+                inverse: boolean;
+                disabled: boolean;
+            }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+            NeonLink: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                href: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                noStyle: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                outlineStyle: {
+                    type: () => import("../../../neon").NeonOutlineStyle;
+                    default: import("../../../neon").NeonOutlineStyle;
+                };
+                externalIndicator: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {
+                neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>;
+                routerUrl: import("vue").ComputedRef<string | undefined>;
+                sanitizedAttributes: import("vue").ComputedRef<{
+                    [x: string]: unknown;
+                }>;
+                activeRoute: import("vue").ComputedRef<boolean | "">;
+                exactRoute: import("vue").ComputedRef<boolean | "">;
+                onClick: () => void;
+                onSpace: () => Promise<void>;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                href: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                noStyle: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                outlineStyle: {
+                    type: () => import("../../../neon").NeonOutlineStyle;
+                    default: import("../../../neon").NeonOutlineStyle;
+                };
+                externalIndicator: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                onClick?: ((...args: any[]) => any) | undefined;
+            }>, {
+                href: string;
+                noStyle: boolean;
+                outlineStyle: import("../../../neon").NeonOutlineStyle;
+                externalIndicator: boolean;
+            }, {}, {
+                NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                    name: {
+                        type: StringConstructor;
+                        required: true;
+                    };
+                    id: {
+                        type: StringConstructor;
+                        default: null;
+                    };
+                    color: {
+                        type: () => NeonFunctionalColor;
+                        default: null;
+                    };
+                    inverse: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>, {
+                    sanitizedAttributes: import("vue").ComputedRef<{
+                        [x: string]: unknown;
+                    }>;
+                    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;
+                    };
+                    id: {
+                        type: StringConstructor;
+                        default: null;
+                    };
+                    color: {
+                        type: () => NeonFunctionalColor;
+                        default: null;
+                    };
+                    inverse: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>> & Readonly<{}>, {
+                    color: NeonFunctionalColor;
+                    id: string;
+                    inverse: boolean;
+                    disabled: boolean;
+                }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+            }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            name: {
+                type: StringConstructor;
+                required: true;
+            };
+            id: {
+                type: StringConstructor;
+                default: null;
+            };
+            color: {
+                type: () => NeonFunctionalColor;
+                default: null;
+            };
+            inverse: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {
+            sanitizedAttributes: import("vue").ComputedRef<{
+                [x: string]: unknown;
+            }>;
+            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;
+            };
+            id: {
+                type: StringConstructor;
+                default: null;
+            };
+            color: {
+                type: () => NeonFunctionalColor;
+                default: null;
+            };
+            inverse: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{}>, {
+            color: NeonFunctionalColor;
+            id: string;
+            inverse: boolean;
+            disabled: boolean;
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     NeonButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         href: {
             type: StringConstructor;
@@ -149,10 +618,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inverse: {
             type: BooleanConstructor;
             default: boolean;
-        }; /**
-         * Specify cards are clickable. This will return click events when cards are clicked on. NOTE: use the href in the
-         * card model instead of clickable=true if cards are links.
-         */
+        };
         alternateColor: {
             type: () => NeonFunctionalColor;
             default: null;
@@ -251,10 +717,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inverse: {
             type: BooleanConstructor;
             default: boolean;
-        }; /**
-         * Specify cards are clickable. This will return click events when cards are clicked on. NOTE: use the href in the
-         * card model instead of clickable=true if cards are links.
-         */
+        };
         alternateColor: {
             type: () => NeonFunctionalColor;
             default: null;
@@ -386,9 +849,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: null;
             };
             inverse: {
-                type: BooleanConstructor; /**
-                 * override the default 'x of y' text.
-                 */
+                type: BooleanConstructor;
                 default: boolean;
             };
             disabled: {
@@ -414,9 +875,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: null;
             };
             inverse: {
-                type: BooleanConstructor; /**
-                 * override the default 'x of y' text.
-                 */
+                type: BooleanConstructor;
                 default: boolean;
             };
             disabled: {
@@ -452,10 +911,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             sanitizedAttributes: import("vue").ComputedRef<{
                 [x: string]: unknown;
             }>;
-            activeRoute: import("vue").ComputedRef<boolean | "">; /**
-             * Emitted when a cards are clickable & a card is clicked & not disabled.
-             * @type index {number}
-             */
+            activeRoute: import("vue").ComputedRef<boolean | "">;
             exactRoute: import("vue").ComputedRef<boolean | "">;
             onClick: () => void;
             onSpace: () => Promise<void>;
@@ -498,9 +954,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: null;
                 };
                 inverse: {
-                    type: BooleanConstructor; /**
-                     * override the default 'x of y' text.
-                     */
+                    type: BooleanConstructor;
                     default: boolean;
                 };
                 disabled: {
@@ -526,9 +980,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: null;
                 };
                 inverse: {
-                    type: BooleanConstructor; /**
-                     * override the default 'x of y' text.
-                     */
+                    type: BooleanConstructor;
                     default: boolean;
                 };
                 disabled: {
@@ -543,110 +995,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    NeonCardListCard: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        color: {
-            type: () => NeonFunctionalColor;
-            default: null;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        clickable: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>, {
-        emit: (event: "click", ...args: any[]) => void;
-        NeonFunctionalColor: typeof NeonFunctionalColor;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        color: {
-            type: () => NeonFunctionalColor;
-            default: null;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        clickable: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{
-        onClick?: ((...args: any[]) => any) | undefined;
-    }>, {
-        color: NeonFunctionalColor;
-        disabled: boolean;
-        clickable: boolean;
-    }, {}, {
-        NeonCard: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-            orientation: {
-                type: () => import("../../../neon").NeonOrientation;
-                default: import("../../../neon").NeonOrientation;
-            };
-            size: {
-                type: () => NeonSize;
-                default: NeonSize;
-            };
-            horizontalBorders: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            horizontalBreakpoint: {
-                type: () => import("../../../neon").NeonResponsive;
-                default: import("../../../neon").NeonResponsive;
-            };
-            noBreak: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>, {
-            attrs: {
-                [x: string]: unknown;
-            };
-            NeonOrientation: typeof import("../../../neon").NeonOrientation;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-            orientation: {
-                type: () => import("../../../neon").NeonOrientation;
-                default: import("../../../neon").NeonOrientation;
-            };
-            size: {
-                type: () => NeonSize;
-                default: NeonSize;
-            };
-            horizontalBorders: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            horizontalBreakpoint: {
-                type: () => import("../../../neon").NeonResponsive;
-                default: import("../../../neon").NeonResponsive;
-            };
-            noBreak: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & Readonly<{}>, {
-            size: NeonSize;
-            orientation: import("../../../neon").NeonOrientation;
-            horizontalBorders: boolean;
-            horizontalBreakpoint: import("../../../neon").NeonResponsive;
-            noBreak: boolean;
-        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        NeonCardBody: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-            fullWidth: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-            fullWidth: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & Readonly<{}>, {
-            fullWidth: boolean;
-        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     NeonInline: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         gap: {
             type: () => import("../../../neon").NeonLayoutSize;
@@ -689,10 +1037,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         sanitizedAttributes: import("vue").ComputedRef<{
             [x: string]: unknown;
         }>;
-        activeRoute: import("vue").ComputedRef<boolean | "">; /**
-         * Emitted when a cards are clickable & a card is clicked & not disabled.
-         * @type index {number}
-         */
+        activeRoute: import("vue").ComputedRef<boolean | "">;
         exactRoute: import("vue").ComputedRef<boolean | "">;
         onClick: () => void;
         onSpace: () => Promise<void>;
@@ -735,9 +1080,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: null;
             };
             inverse: {
-                type: BooleanConstructor; /**
-                 * override the default 'x of y' text.
-                 */
+                type: BooleanConstructor;
                 default: boolean;
             };
             disabled: {
@@ -763,9 +1106,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: null;
             };
             inverse: {
-                type: BooleanConstructor; /**
-                 * override the default 'x of y' text.
-                 */
+                type: BooleanConstructor;
                 default: boolean;
             };
             disabled: {