@naptics/vue-collection 0.2.14 → 0.3.0

package/components/NPagination.d.ts

@@ -33,67 +33,5 @@ export declare const nPaginationProps: {
 /**
  * The `NPagination` is a styled pagination component.
  */
-declare const Component: import("vue").DefineComponent<{
-    /**
-     * The page number which is currently selected.
-     */
-    readonly value: {
-        readonly type: NumberConstructor;
-        readonly default: () => number;
-    };
-    /**
-     * This is called, when a new page number has been selected.
-     */
-    readonly onUpdateValue: PropType<(newValue: number) => void>;
-    /**
-     * The total pages which exists. This is needed to correctly display the selectable pages.
-     */
-    readonly total: {
-        readonly type: NumberConstructor;
-        readonly default: () => number;
-    };
-    /**
-     * If set to `true`, the pagination is displayed smaller.
-     */
-    readonly small: BooleanConstructor;
-    /**
-     * This is called, when the visible pages, which are selectable in the pagination, have changed.
-     * This is useful as only these pages can be navigated to on the next click.
-     * This information can be useful for prefetching.
-     */
-    readonly onVisiblePagesChanged: PropType<(visiblePages: number[]) => void>;
-}, import("vue").RenderFunction, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * The page number which is currently selected.
-     */
-    readonly value: {
-        readonly type: NumberConstructor;
-        readonly default: () => number;
-    };
-    /**
-     * This is called, when a new page number has been selected.
-     */
-    readonly onUpdateValue: PropType<(newValue: number) => void>;
-    /**
-     * The total pages which exists. This is needed to correctly display the selectable pages.
-     */
-    readonly total: {
-        readonly type: NumberConstructor;
-        readonly default: () => number;
-    };
-    /**
-     * If set to `true`, the pagination is displayed smaller.
-     */
-    readonly small: BooleanConstructor;
-    /**
-     * This is called, when the visible pages, which are selectable in the pagination, have changed.
-     * This is useful as only these pages can be navigated to on the next click.
-     * This information can be useful for prefetching.
-     */
-    readonly onVisiblePagesChanged: PropType<(visiblePages: number[]) => void>;
-}>> & {}, {
-    readonly small: boolean;
-    readonly value: number;
-    readonly total: number;
-}>;
+declare const Component: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
 export { Component as NPagination, Component as default };

package/components/NSearchbar.d.ts

@@ -35,60 +35,5 @@ export type NSearchbarExposed = {
 /**
  * The `NSearchbar` is a styled input with a search icon.
  */
-declare const Component: import("vue").DefineComponent<{
-    /**
-     * The placeholder of the search-bar.
-     */
-    readonly placeholder: {
-        readonly type: StringConstructor;
-        readonly default: string;
-    };
-    /**
-     * If set to `true` the search-bar is displayed smaller.
-     */
-    readonly small: BooleanConstructor;
-    /**
-     * Adds the classes directly to the input (e.g. for shadow).
-     */
-    readonly inputClass: StringConstructor;
-    /**
-     * This is called when the search-bar receives focus.
-     */
-    readonly onFocus: PropType<() => void>;
-    /**
-     * This is called when the search-bar looses focus.
-     */
-    readonly onBlur: PropType<() => void>;
-    readonly value: PropType<string>;
-    readonly onUpdateValue: PropType<(newValue: string) => void>;
-}, import("vue").RenderFunction, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * The placeholder of the search-bar.
-     */
-    readonly placeholder: {
-        readonly type: StringConstructor;
-        readonly default: string;
-    };
-    /**
-     * If set to `true` the search-bar is displayed smaller.
-     */
-    readonly small: BooleanConstructor;
-    /**
-     * Adds the classes directly to the input (e.g. for shadow).
-     */
-    readonly inputClass: StringConstructor;
-    /**
-     * This is called when the search-bar receives focus.
-     */
-    readonly onFocus: PropType<() => void>;
-    /**
-     * This is called when the search-bar looses focus.
-     */
-    readonly onBlur: PropType<() => void>;
-    readonly value: PropType<string>;
-    readonly onUpdateValue: PropType<(newValue: string) => void>;
-}>> & {}, {
-    readonly small: boolean;
-    readonly placeholder: string;
-}>;
+declare const Component: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
 export { Component as NSearchbar, Component as default };

package/components/NSearchbarList.d.ts

@@ -13,7 +13,7 @@ export declare const nSearchbarListProps: {
     readonly value: import("vue").PropType<string>;
     readonly onUpdateValue: import("vue").PropType<(newValue: string) => void>;
     readonly items: {
-        readonly type: import("vue").PropType<import("./NSuggestionList").SuggestionItem[]>;
+        readonly type: import("vue").PropType<Array<import("./NSuggestionList").SuggestionItem>>;
         readonly default: () => never[];
     };
     readonly maxItems: {
@@ -23,71 +23,11 @@ export declare const nSearchbarListProps: {
     readonly hideList: BooleanConstructor;
     readonly loading: BooleanConstructor;
     readonly onSelect: import("vue").PropType<(id: string) => void>;
-    readonly listItem: import("vue").PropType<(props: import("./NSuggestionList").ItemSlotProps<import("./NSuggestionList").SuggestionItem>) => JSX.Element>;
+    readonly listItem: import("vue").PropType<(props: import("./NSuggestionList").ItemSlotProps) => JSX.Element>;
     readonly onRealBlur: import("vue").PropType<() => void>;
 };
 /**
  * The `NSearchbarList` is a {@link NSearchbar} with a {@link NSuggestionList}.
  */
-declare const Component: import("vue").DefineComponent<{
-    /**
-     * @see {@link nSearchbarProps.placeholder}
-     */
-    readonly placeholder: {
-        readonly type: StringConstructor;
-        readonly default: string;
-    };
-    /**
-     * Adds the classes directly to the input (e.g. for shadow).
-     */
-    readonly inputClass: StringConstructor;
-    readonly value: import("vue").PropType<string>;
-    readonly onUpdateValue: import("vue").PropType<(newValue: string) => void>;
-    readonly items: {
-        readonly type: import("vue").PropType<import("./NSuggestionList").SuggestionItem[]>;
-        readonly default: () => never[];
-    };
-    readonly maxItems: {
-        readonly type: NumberConstructor;
-        readonly default: () => number;
-    };
-    readonly hideList: BooleanConstructor;
-    readonly loading: BooleanConstructor;
-    readonly onSelect: import("vue").PropType<(id: string) => void>;
-    readonly listItem: import("vue").PropType<(props: import("./NSuggestionList").ItemSlotProps<import("./NSuggestionList").SuggestionItem>) => JSX.Element>;
-    readonly onRealBlur: import("vue").PropType<() => void>;
-}, import("vue").RenderFunction, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * @see {@link nSearchbarProps.placeholder}
-     */
-    readonly placeholder: {
-        readonly type: StringConstructor;
-        readonly default: string;
-    };
-    /**
-     * Adds the classes directly to the input (e.g. for shadow).
-     */
-    readonly inputClass: StringConstructor;
-    readonly value: import("vue").PropType<string>;
-    readonly onUpdateValue: import("vue").PropType<(newValue: string) => void>;
-    readonly items: {
-        readonly type: import("vue").PropType<import("./NSuggestionList").SuggestionItem[]>;
-        readonly default: () => never[];
-    };
-    readonly maxItems: {
-        readonly type: NumberConstructor;
-        readonly default: () => number;
-    };
-    readonly hideList: BooleanConstructor;
-    readonly loading: BooleanConstructor;
-    readonly onSelect: import("vue").PropType<(id: string) => void>;
-    readonly listItem: import("vue").PropType<(props: import("./NSuggestionList").ItemSlotProps<import("./NSuggestionList").SuggestionItem>) => JSX.Element>;
-    readonly onRealBlur: import("vue").PropType<() => void>;
-}>> & {}, {
-    readonly loading: boolean;
-    readonly items: import("./NSuggestionList").SuggestionItem[];
-    readonly placeholder: string;
-    readonly maxItems: number;
-    readonly hideList: boolean;
-}>;
+declare const Component: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
 export { Component as NSearchbarList, Component as default };

package/components/NSearchbarList.js

@@ -1,4 +1,4 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { createComponentWithSlots } from '../utils/component';
 import { ref } from 'vue';
 import { vModelProps } from '../utils/vModel';

package/components/NSelect.d.ts

@@ -8,9 +8,7 @@ export declare const nSelectProps: {
     readonly tooltipShow: BooleanConstructor;
     readonly tooltipPlacement: {
         readonly type: PropType<import("./NTooltip").TooltipPlacement>;
-        readonly default: "auto"; /**
-         * @see {@link nValInputProps.name}
-         */
+        readonly default: "auto";
     };
     readonly tooltipMaxWidth: {
         readonly type: PropType<import("../utils/tailwind").TWMaxWidth>;
@@ -76,149 +74,5 @@ export type NSelectExposed = NValInputExposed;
 /**
  * The `NSelect` is a styled html select-input.
  */
-declare const Component: import("vue").DefineComponent<{
-    readonly tooltipText: StringConstructor;
-    readonly tooltipContent: PropType<() => JSX.Element>;
-    readonly tooltipHide: BooleanConstructor;
-    readonly tooltipShow: BooleanConstructor;
-    readonly tooltipPlacement: {
-        readonly type: PropType<import("./NTooltip").TooltipPlacement>;
-        readonly default: "auto"; /**
-         * @see {@link nValInputProps.name}
-         */
-    };
-    readonly tooltipMaxWidth: {
-        readonly type: PropType<import("../utils/tailwind").TWMaxWidth>;
-        readonly default: "max-w-xs";
-    };
-    readonly tooltipWrapperClass: StringConstructor;
-    readonly tooltipContentClass: StringConstructor;
-    readonly tooltipArrowClass: StringConstructor;
-    /**
-     * The id of the currently selected option of this input.
-     */
-    readonly value: StringConstructor;
-    /**
-     * This is called with the newly selected id when the selection has changed.
-     * If no id is selected, the empty string is passed, in order to
-     * match the API of all other inputs who never pass `undefined`.
-     */
-    readonly onUpdateValue: PropType<(newValue: string) => void>;
-    /**
-     * The different options which can be selected.
-     */
-    readonly options: {
-        readonly type: PropType<SelectionOption[]>;
-        readonly default: () => never[];
-    };
-    /**
-     * The value which is shown in the empty state.
-     * The "nothing-option" will be called like this.
-     */
-    readonly placeholder: {
-        readonly type: StringConstructor;
-        readonly default: () => string;
-    };
-    /**
-     * @see {@link nValInputProps.name}
-     */
-    readonly name: StringConstructor;
-    /**
-     * @see {@link nValInputProps.optional}
-     */
-    readonly optional: BooleanConstructor;
-    /**
-     * @see {@link nValInputProps.disabled}
-     */
-    readonly disabled: BooleanConstructor;
-    /**
-     * @see {@link nValInputProps.form}
-     */
-    readonly form: PropType<import("./ValidatedForm").ValidatedForm>;
-    /**
-     * @see {@link nValInputProps.hideLabel}
-     */
-    readonly hideLabel: BooleanConstructor;
-    /**
-     * @see {@link nValInputProps.inputClass}
-     */
-    readonly inputClass: StringConstructor;
-}, import("vue").RenderFunction, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly tooltipText: StringConstructor;
-    readonly tooltipContent: PropType<() => JSX.Element>;
-    readonly tooltipHide: BooleanConstructor;
-    readonly tooltipShow: BooleanConstructor;
-    readonly tooltipPlacement: {
-        readonly type: PropType<import("./NTooltip").TooltipPlacement>;
-        readonly default: "auto"; /**
-         * @see {@link nValInputProps.name}
-         */
-    };
-    readonly tooltipMaxWidth: {
-        readonly type: PropType<import("../utils/tailwind").TWMaxWidth>;
-        readonly default: "max-w-xs";
-    };
-    readonly tooltipWrapperClass: StringConstructor;
-    readonly tooltipContentClass: StringConstructor;
-    readonly tooltipArrowClass: StringConstructor;
-    /**
-     * The id of the currently selected option of this input.
-     */
-    readonly value: StringConstructor;
-    /**
-     * This is called with the newly selected id when the selection has changed.
-     * If no id is selected, the empty string is passed, in order to
-     * match the API of all other inputs who never pass `undefined`.
-     */
-    readonly onUpdateValue: PropType<(newValue: string) => void>;
-    /**
-     * The different options which can be selected.
-     */
-    readonly options: {
-        readonly type: PropType<SelectionOption[]>;
-        readonly default: () => never[];
-    };
-    /**
-     * The value which is shown in the empty state.
-     * The "nothing-option" will be called like this.
-     */
-    readonly placeholder: {
-        readonly type: StringConstructor;
-        readonly default: () => string;
-    };
-    /**
-     * @see {@link nValInputProps.name}
-     */
-    readonly name: StringConstructor;
-    /**
-     * @see {@link nValInputProps.optional}
-     */
-    readonly optional: BooleanConstructor;
-    /**
-     * @see {@link nValInputProps.disabled}
-     */
-    readonly disabled: BooleanConstructor;
-    /**
-     * @see {@link nValInputProps.form}
-     */
-    readonly form: PropType<import("./ValidatedForm").ValidatedForm>;
-    /**
-     * @see {@link nValInputProps.hideLabel}
-     */
-    readonly hideLabel: BooleanConstructor;
-    /**
-     * @see {@link nValInputProps.inputClass}
-     */
-    readonly inputClass: StringConstructor;
-}>> & {}, {
-    readonly tooltipHide: boolean;
-    readonly tooltipShow: boolean;
-    readonly tooltipPlacement: import("./NTooltip").TooltipPlacement;
-    readonly tooltipMaxWidth: import("../utils/tailwind").TWMaxWidth;
-    readonly options: SelectionOption[];
-    readonly disabled: boolean;
-    readonly placeholder: string;
-    readonly hideLabel: boolean;
-    readonly optional: boolean;
-}>;
+declare const Component: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
 export { Component as NSelect, Component as default };

package/components/NSelect.js

@@ -1,4 +1,4 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode, Fragment as _Fragment } from "vue";
+import { Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { trsl } from '../i18n';
 import { createComponent } from '../utils/component';
 import { ref } from 'vue';

package/components/NSuggestionList.d.ts

@@ -6,7 +6,7 @@ export declare const nSuggestionListPropsForConfig: {
      * The items which are available to show in the list. The first `maxItems` will be displayed.
      */
     readonly items: {
-        readonly type: PropType<SuggestionItem[]>;
+        readonly type: PropType<Array<SuggestionItem>>;
         readonly default: () => never[];
     };
     /**
@@ -90,7 +90,7 @@ export declare const nSuggestionListProps: {
      * The items which are available to show in the list. The first `maxItems` will be displayed.
      */
     readonly items: {
-        readonly type: PropType<SuggestionItem[]>;
+        readonly type: PropType<Array<SuggestionItem>>;
         readonly default: () => never[];
     };
     /**
@@ -149,128 +149,5 @@ export type SuggestionItem = Identifiable & {
 /**
  * The `NSuggestionList` can be added to an input and adds a list below it which is shown when the input is focused.
  */
-declare const Component: import("vue").DefineComponent<{
-    /**
-     * The slot for the input, which will be enhanced with the suggestion list.
-     */
-    readonly input: {
-        readonly type: PropType<(props: InputSlotProps) => JSX.Element>;
-        readonly required: true;
-    };
-    /**
-     * When this function is called, the parent is required to call focus() on the input element.
-     * It won't work properly if the parent does not request focus on the input.
-     */
-    readonly onRequestInputFocus: {
-        readonly type: PropType<() => void>;
-        readonly required: true;
-    };
-    /**
-     * The current value of the input. This is just needed to display the «No results found for {value}» message.
-     */
-    readonly inputValue: {
-        readonly type: StringConstructor;
-        readonly required: true;
-    };
-    /**
-     * The items which are available to show in the list. The first `maxItems` will be displayed.
-     */
-    readonly items: {
-        readonly type: PropType<SuggestionItem[]>;
-        readonly default: () => never[];
-    };
-    /**
-     * The maximum items which are displayed in the list.
-     */
-    readonly maxItems: {
-        readonly type: NumberConstructor;
-        readonly default: () => number;
-    };
-    /**
-     * If set to `true` the list is hidden.
-     */
-    readonly hideList: BooleanConstructor;
-    /**
-     * If set to `true` the list shows a loading indicator when the `items` array is empty.
-     */
-    readonly loading: BooleanConstructor;
-    /**
-     * This is called with the id of the selected item.
-     */
-    readonly onSelect: PropType<(id: string) => void>;
-    /**
-     * The slot for every item of the list.
-     */
-    readonly listItem: PropType<(props: ItemSlotProps) => JSX.Element>;
-    /**
-     * This function is called, when the input and the suggestion list are really blurred.
-     * This means, it's not just the input temporarly beeing blurred because the user clicks on the item list,
-     * but the focus has completely disappeared from the input and the list.
-     */
-    readonly onRealBlur: PropType<() => void>;
-}, import("vue").RenderFunction, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * The slot for the input, which will be enhanced with the suggestion list.
-     */
-    readonly input: {
-        readonly type: PropType<(props: InputSlotProps) => JSX.Element>;
-        readonly required: true;
-    };
-    /**
-     * When this function is called, the parent is required to call focus() on the input element.
-     * It won't work properly if the parent does not request focus on the input.
-     */
-    readonly onRequestInputFocus: {
-        readonly type: PropType<() => void>;
-        readonly required: true;
-    };
-    /**
-     * The current value of the input. This is just needed to display the «No results found for {value}» message.
-     */
-    readonly inputValue: {
-        readonly type: StringConstructor;
-        readonly required: true;
-    };
-    /**
-     * The items which are available to show in the list. The first `maxItems` will be displayed.
-     */
-    readonly items: {
-        readonly type: PropType<SuggestionItem[]>;
-        readonly default: () => never[];
-    };
-    /**
-     * The maximum items which are displayed in the list.
-     */
-    readonly maxItems: {
-        readonly type: NumberConstructor;
-        readonly default: () => number;
-    };
-    /**
-     * If set to `true` the list is hidden.
-     */
-    readonly hideList: BooleanConstructor;
-    /**
-     * If set to `true` the list shows a loading indicator when the `items` array is empty.
-     */
-    readonly loading: BooleanConstructor;
-    /**
-     * This is called with the id of the selected item.
-     */
-    readonly onSelect: PropType<(id: string) => void>;
-    /**
-     * The slot for every item of the list.
-     */
-    readonly listItem: PropType<(props: ItemSlotProps) => JSX.Element>;
-    /**
-     * This function is called, when the input and the suggestion list are really blurred.
-     * This means, it's not just the input temporarly beeing blurred because the user clicks on the item list,
-     * but the focus has completely disappeared from the input and the list.
-     */
-    readonly onRealBlur: PropType<() => void>;
-}>> & {}, {
-    readonly loading: boolean;
-    readonly items: SuggestionItem[];
-    readonly maxItems: number;
-    readonly hideList: boolean;
-}>;
+declare const Component: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
 export { Component as NSuggestionList, Component as default };

package/components/NSuggestionList.js

@@ -1,4 +1,4 @@
-import { createTextVNode as _createTextVNode, createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, createTextVNode as _createTextVNode } from "vue";
 import { trsl } from '../i18n';
 import { createComponentWithSlots } from '../utils/component';
 import { computed, ref } from 'vue';
@@ -103,7 +103,10 @@ const Component = createComponentWithSlots('NSuggestionList', nSuggestionListPro
       event.preventDefault();
       const index = selectedIndex.value;
       if (index != null && index < displayItems.value.length) {
-        onSelect(displayItems.value[index].id);
+        const item = displayItems.value[index];
+        if (item) {
+          onSelect(item.id);
+        }
       }
     }
   };

package/components/NTable.d.ts

@@ -93,89 +93,5 @@ export declare const nTableProps: {
 /**
  * The `NTable` is a styled html table which accepts data and displays it appropriately.
  */
-declare const Component: import("vue").DefineComponent<{
-    /**
-     * The headings of the table. These define which columns are shown in the table and in which order.
-     */
-    readonly headings: {
-        readonly type: PropType<TableHeading[]>;
-        readonly required: true;
-    };
-    /**
-     * Adds the classes to all headings at the top of the table.
-     */
-    readonly headingsClass: StringConstructor;
-    /**
-     * Adds the classes to all headings in the details of the table.
-     */
-    readonly headingDetailsClass: StringConstructor;
-    /**
-     * The items of the table. They consist of an array of table rows.
-     * Every tablerow is an object containing elements for the heading keys.
-     * The elements can either be a primitive value or a function which returns a {@link JSX.Element}.
-     * If the item should be treated as an action (e.g. icon-button to display at the end of the row)
-     * the dedicated key 'action' can be used.
-     * @see TableRow
-     * @example
-     * // These headings are defined
-     * const headings: TableHeading[] = [
-     *    { key: 'id', label: 'ID' },
-     *    { key: 'name', label: 'Name' },
-     *    { key: 'status', label: 'Status' }
-     * ]
-     *
-     * // Appropriate rows for these headings
-     * const items: TableRow[] = [
-     *      { id: 1, name: 'Hubert', status: () => <NBadge ... />, action: ... },   // Row 1
-     *      { id: 2, name: 'Franzi', status: () => <NBadge ... />, action: ... }    // Row 2
-     * ]
-     */
-    readonly items: {
-        readonly type: PropType<TableRow[]>;
-        readonly default: () => never[];
-    };
-}, import("vue").RenderFunction, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * The headings of the table. These define which columns are shown in the table and in which order.
-     */
-    readonly headings: {
-        readonly type: PropType<TableHeading[]>;
-        readonly required: true;
-    };
-    /**
-     * Adds the classes to all headings at the top of the table.
-     */
-    readonly headingsClass: StringConstructor;
-    /**
-     * Adds the classes to all headings in the details of the table.
-     */
-    readonly headingDetailsClass: StringConstructor;
-    /**
-     * The items of the table. They consist of an array of table rows.
-     * Every tablerow is an object containing elements for the heading keys.
-     * The elements can either be a primitive value or a function which returns a {@link JSX.Element}.
-     * If the item should be treated as an action (e.g. icon-button to display at the end of the row)
-     * the dedicated key 'action' can be used.
-     * @see TableRow
-     * @example
-     * // These headings are defined
-     * const headings: TableHeading[] = [
-     *    { key: 'id', label: 'ID' },
-     *    { key: 'name', label: 'Name' },
-     *    { key: 'status', label: 'Status' }
-     * ]
-     *
-     * // Appropriate rows for these headings
-     * const items: TableRow[] = [
-     *      { id: 1, name: 'Hubert', status: () => <NBadge ... />, action: ... },   // Row 1
-     *      { id: 2, name: 'Franzi', status: () => <NBadge ... />, action: ... }    // Row 2
-     * ]
-     */
-    readonly items: {
-        readonly type: PropType<TableRow[]>;
-        readonly default: () => never[];
-    };
-}>> & {}, {
-    readonly items: TableRow[];
-}>;
+declare const Component: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
 export { Component as NTable, Component as default };