@naptics/vue-collection 0.2.3 → 0.2.5

package/components/NInputSelect.js

@@ -64,7 +64,7 @@ export const nInputSelectProps = {
  * The user is forced to use a value from the specified options of the input.
  * While they type, the list of options is shown to them and filtered based on their input.
  */
-export default createComponentWithSlots('NInputSelect', nInputSelectProps, ['listItem'], props => {
+const Component = createComponentWithSlots('NInputSelect', nInputSelectProps, ['listItem'], props => {
   const inputRef = ref();
   const inputValue = ref('');
   watch(() => props.value, newValue => {
@@ -111,4 +111,5 @@ export default createComponentWithSlots('NInputSelect', nInputSelectProps, ['lis
       inputRef?.value?.validate();
     }
   }, null);
-});
+});
+export { Component as NInputSelect, Component as default };

package/components/NInputSuggestion.d.ts

@@ -20,6 +20,7 @@ export declare const nInputSuggestionProps: {
         readonly default: () => never[];
     };
     readonly input: PropType<(props: import("./NValInput").InputSlotProps) => JSX.Element>;
+    readonly disableValidation: BooleanConstructor;
     readonly optional: BooleanConstructor;
     readonly rules: {
         readonly type: PropType<import("../utils/validation").ValidationRule | import("../utils/validation").ValidationRule[]>;
@@ -70,7 +71,7 @@ export declare const nInputSuggestionProps: {
  * `NInputSuggestion` is an input, which shows a list of possible suggestions to the user
  *  which is filtered while typing. Contrary to {@link NInputSelect} the user is not required to choose any of the suggestions.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
     /**
      * If set to `true` the list is hidden even if there are still matching items in the list.
      */
@@ -91,6 +92,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: () => never[];
     };
     readonly input: PropType<(props: import("./NValInput").InputSlotProps) => JSX.Element>;
+    readonly disableValidation: BooleanConstructor;
     readonly optional: BooleanConstructor;
     readonly rules: {
         readonly type: PropType<import("../utils/validation").ValidationRule | import("../utils/validation").ValidationRule[]>;
@@ -157,6 +159,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: () => never[];
     };
     readonly input: PropType<(props: import("./NValInput").InputSlotProps) => JSX.Element>;
+    readonly disableValidation: BooleanConstructor;
     readonly optional: BooleanConstructor;
     readonly rules: {
         readonly type: PropType<import("../utils/validation").ValidationRule | import("../utils/validation").ValidationRule[]>;
@@ -213,6 +216,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly error: boolean;
     readonly autocomplete: string;
     readonly hideLabel: boolean;
+    readonly disableValidation: boolean;
     readonly optional: boolean;
     readonly rules: import("../utils/validation").ValidationRule | import("../utils/validation").ValidationRule[];
     readonly hideErrorMessage: boolean;
@@ -221,4 +225,4 @@ declare const _default: import("vue").DefineComponent<{
     readonly hideList: boolean;
     readonly suggestions: string[];
 }>;
-export default _default;
+export { Component as NInputSuggestion, Component as default };

package/components/NInputSuggestion.js

@@ -27,7 +27,7 @@ export const nInputSuggestionProps = {
  * `NInputSuggestion` is an input, which shows a list of possible suggestions to the user
  *  which is filtered while typing. Contrary to {@link NInputSelect} the user is not required to choose any of the suggestions.
  */
-export default createComponent('NInputSuggestion', nInputSuggestionProps, props => {
+const Component = createComponent('NInputSuggestion', nInputSuggestionProps, props => {
   const suggestionItems = computed(() => props.suggestions.filter(suggestion => suggestion.includes(props.value || '')).map((value, index) => ({
     id: index.toString(),
     label: value
@@ -60,4 +60,5 @@ export default createComponent('NInputSuggestion', nInputSuggestionProps, props
       inputRef?.value?.validate();
     }
   }, null);
-});
+});
+export { Component as NInputSuggestion, Component as default };

package/components/NLink.d.ts

@@ -38,7 +38,7 @@ export declare const nLinkProps: {
 /**
  * The `NLink` is a styled text which can be used as a {@link RouterLink} or a regular button.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
     /**
      * The text of the link. Can also be set in the default slot.
      */
@@ -108,4 +108,4 @@ declare const _default: import("vue").DefineComponent<{
     readonly color: string;
     readonly shade: number;
 }>;
-export default _default;
+export { Component as NLink, Component as default };

package/components/NLink.js

@@ -39,7 +39,7 @@ export const nLinkProps = {
 /**
  * The `NLink` is a styled text which can be used as a {@link RouterLink} or a regular button.
  */
-export default createComponent('NLink', nLinkProps, (props, {
+const Component = createComponent('NLink', nLinkProps, (props, {
   slots
 }) => {
   const hoverShade = computed(() => {
@@ -56,4 +56,5 @@ export default createComponent('NLink', nLinkProps, (props, {
     "onClick": props.onClick,
     "class": classes.value
   }, [slots.default?.() || props.text]);
-});
+});
+export { Component as NLink, Component as default };

package/components/NList.d.ts

@@ -29,7 +29,7 @@ export declare const nListProps: {
 /**
  * The `NList` displays key-value data in an appealing way.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
     /**
      * The items which are displayed in the list.
      */
@@ -64,4 +64,4 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {}, {
     readonly items: ListItem[];
 }>;
-export default _default;
+export { Component as NList, Component as default };

package/components/NList.js

@@ -20,7 +20,7 @@ export const nListProps = {
 /**
  * The `NList` displays key-value data in an appealing way.
  */
-export default createComponent('NList', nListProps, props => {
+const Component = createComponent('NList', nListProps, props => {
   return () => _createVNode("dl", null, [props.items.map((item, index) => _createVNode("div", {
     "key": index,
     "class": ['py-5 px-4 sm:grid sm:grid-cols-3 sm:gap-4', index % 2 === 1 ? 'bg-white' : 'bg-default-50']
@@ -30,6 +30,7 @@ export default createComponent('NList', nListProps, props => {
     "class": `mt-1 text-sm sm:mt-0 sm:col-span-2 ${props.textClass}`
   }, [buildElement(item.text)])]))]);
 });
+export { Component as NList, Component as default };
 function buildElement(element) {
   if (typeof element === 'function') return element();else return _createVNode(_Fragment, null, [element]);
 }

package/components/NLoadingIndicator.d.ts

@@ -25,7 +25,7 @@ export declare const nLoadingIndicator: {
 /**
  * The `NLoadingIndicator` is a styled loading indicator.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
     /**
      * The color of the loading-indicator.
      */
@@ -74,4 +74,4 @@ declare const _default: import("vue").DefineComponent<{
     readonly shade: number;
     readonly size: number;
 }>;
-export default _default;
+export { Component as NLoadingIndicator, Component as default };

package/components/NLoadingIndicator.js

@@ -28,7 +28,7 @@ export const nLoadingIndicator = {
 /**
  * The `NLoadingIndicator` is a styled loading indicator.
  */
-export default createComponent('NLoadingIndicator', nLoadingIndicator, props => {
+const Component = createComponent('NLoadingIndicator', nLoadingIndicator, props => {
   const gap = computed(() => props.size / 13 * 24);
   const totalWidth = computed(() => gap.value * 2 + props.size);
   useCssVars(() => ({
@@ -50,4 +50,5 @@ export default createComponent('NLoadingIndicator', nLoadingIndicator, props =>
     "class": `bg-${props.color}-${props.shade}`,
     "style": `height:${props.size}px;width:${props.size}px;left:${2 * gap.value}px`
   }, null)]);
-});
+});
+export { Component as NLoadingIndicator, Component as default };

package/components/NModal.d.ts

@@ -111,7 +111,7 @@ export type ModalSlotProps = {
  * The `NModal` is the base component for all modals and dialogs.
  * It provides the core mechanics to display a window in front of everything else.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
     /**
      * If set to `true` the header of the modal is hidden.
      */
@@ -330,4 +330,4 @@ declare const _default: import("vue").DefineComponent<{
     readonly closeOnBackground: boolean;
     readonly hideCancel: boolean;
 }>;
-export default _default;
+export { Component as NModal, Component as default };

package/components/NModal.js

@@ -112,7 +112,7 @@ export const nModalProps = {
  * The `NModal` is the base component for all modals and dialogs.
  * It provides the core mechanics to display a window in front of everything else.
  */
-export default createComponentWithSlots('NModal', nModalProps, ['modal', 'header', 'footer'], (props, {
+const Component = createComponentWithSlots('NModal', nModalProps, ['modal', 'header', 'footer'], (props, {
   slots
 }) => {
   const ok = () => {
@@ -207,4 +207,5 @@ export default createComponentWithSlots('NModal', nModalProps, ['modal', 'header
       })])]
     })]
   });
-});
+});
+export { Component as NModal, Component as default };

package/components/NPagination.d.ts

@@ -33,7 +33,7 @@ export declare const nPaginationProps: {
 /**
  * The `NPagination` is a styled pagination component.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
     /**
      * The page number which is currently selected.
      */
@@ -96,4 +96,4 @@ declare const _default: import("vue").DefineComponent<{
     readonly value: number;
     readonly total: number;
 }>;
-export default _default;
+export { Component as NPagination, Component as default };

package/components/NPagination.js

@@ -36,7 +36,7 @@ export const nPaginationProps = {
 /**
  * The `NPagination` is a styled pagination component.
  */
-export default createComponent('NPagination', nPaginationProps, props => {
+const Component = createComponent('NPagination', nPaginationProps, props => {
   const numbers = computed(() => {
     if (props.total <= 7) {
       return range(1, props.total);
@@ -95,6 +95,7 @@ export default createComponent('NPagination', nPaginationProps, props => {
     "aria-hidden": "true"
   }, null)])]);
 });
+export { Component as NPagination, Component as default };
 function range(from, to) {
   const array = [];
   for (let i = from; i <= to; i++) {

package/components/NSearchbar.d.ts

@@ -35,7 +35,7 @@ export type NSearchbarExposed = {
 /**
  * The `NSearchbar` is a styled input with a search icon.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
     /**
      * The placeholder of the search-bar.
      */
@@ -91,4 +91,4 @@ declare const _default: import("vue").DefineComponent<{
     readonly small: boolean;
     readonly placeholder: string;
 }>;
-export default _default;
+export { Component as NSearchbar, Component as default };

package/components/NSearchbar.js

@@ -33,7 +33,7 @@ export const nSearchbarProps = {
 /**
  * The `NSearchbar` is a styled input with a search icon.
  */
-export default createComponent('NSearchbar', nSearchbarProps, (props, context) => {
+const Component = createComponent('NSearchbar', nSearchbarProps, (props, context) => {
   const inputRef = ref();
   const exposed = {
     focus: () => {
@@ -60,4 +60,5 @@ export default createComponent('NSearchbar', nSearchbarProps, (props, context) =
     "onFocus": props.onFocus,
     "onBlur": props.onBlur
   }, null)]);
-});
+});
+export { Component as NSearchbar, Component as default };

package/components/NSearchbarList.d.ts

@@ -29,7 +29,7 @@ export declare const nSearchbarListProps: {
 /**
  * The `NSearchbarList` is a {@link NSearchbar} with a {@link NSuggestionList}.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
     /**
      * @see {@link nSearchbarProps.placeholder}
      */
@@ -90,4 +90,4 @@ declare const _default: import("vue").DefineComponent<{
     readonly maxItems: number;
     readonly hideList: boolean;
 }>;
-export default _default;
+export { Component as NSearchbarList, Component as default };

package/components/NSearchbarList.js

@@ -19,7 +19,7 @@ export const nSearchbarListProps = {
 /**
  * The `NSearchbarList` is a {@link NSearchbar} with a {@link NSuggestionList}.
  */
-export default createComponentWithSlots('NSearchbarList', nSearchbarListProps, ['listItem'], props => {
+const Component = createComponentWithSlots('NSearchbarList', nSearchbarListProps, ['listItem'], props => {
   const searchbarRef = ref();
   return () => _createVNode(NSuggestionList, _mergeProps(props, {
     "inputValue": props.value || '',
@@ -37,4 +37,5 @@ export default createComponentWithSlots('NSearchbarList', nSearchbarListProps, [
     }, null),
     "onRequestInputFocus": () => searchbarRef.value?.focus()
   }), null);
-});
+});
+export { Component as NSearchbarList, Component as default };

package/components/NSelect.d.ts

@@ -62,7 +62,7 @@ export type NSelectExposed = NValInputExposed;
 /**
  * The `NSelect` is a styled html select-input.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
     readonly tooltipText: StringConstructor;
     readonly tooltipContent: PropType<() => JSX.Element>;
     readonly tooltipHide: BooleanConstructor;
@@ -177,4 +177,4 @@ declare const _default: import("vue").DefineComponent<{
     readonly disabled: boolean;
     readonly optional: boolean;
 }>;
-export default _default;
+export { Component as NSelect, Component as default };

package/components/NSelect.js

@@ -47,7 +47,7 @@ export const nSelectProps = {
 /**
  * The `NSelect` is a styled html select-input.
  */
-export default createComponent('NSelect', nSelectProps, (props, context) => {
+const Component = createComponent('NSelect', nSelectProps, (props, context) => {
   const inputRef = ref();
   const exposed = {
     focus: () => inputRef.value?.focus(),
@@ -85,4 +85,5 @@ export default createComponent('NSelect', nSelectProps, (props, context) => {
       }, [option.label]))])]
     })])
   }), null);
-});
+});
+export { Component as NSelect, Component as default };

package/components/NSuggestionList.d.ts

@@ -149,7 +149,7 @@ 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 _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
     /**
      * The slot for the input, which will be enhanced with the suggestion list.
      */
@@ -201,7 +201,7 @@ declare const _default: import("vue").DefineComponent<{
     /**
      * The slot for every item of the list.
      */
-    readonly listItem: PropType<(props: ItemSlotProps<SuggestionItem>) => JSX.Element>;
+    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,
@@ -260,7 +260,7 @@ declare const _default: import("vue").DefineComponent<{
     /**
      * The slot for every item of the list.
      */
-    readonly listItem: PropType<(props: ItemSlotProps<SuggestionItem>) => JSX.Element>;
+    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,
@@ -273,4 +273,4 @@ declare const _default: import("vue").DefineComponent<{
     readonly maxItems: number;
     readonly hideList: boolean;
 }>;
-export default _default;
+export { Component as NSuggestionList, Component as default };

package/components/NSuggestionList.js

@@ -72,7 +72,7 @@ export const nSuggestionListProps = {
 /**
  * The `NSuggestionList` can be added to an input and adds a list below it which is shown when the input is focused.
  */
-export default createComponentWithSlots('NSuggestionList', nSuggestionListProps, ['input', 'listItem'], props => {
+const Component = createComponentWithSlots('NSuggestionList', nSuggestionListProps, ['input', 'listItem'], props => {
   const selectedIndex = ref(null);
   const displayItems = computed(() => props.items.slice(0, props.maxItems));
   const isInFocus = ref(false);
@@ -153,4 +153,5 @@ export default createComponentWithSlots('NSuggestionList', nSuggestionListProps,
   }, null), _createVNode("span", null, [_createTextVNode(" "), trsl('vue-collection.text.loading-search-results')])]) : _createVNode("div", null, [trsl('vue-collection.text.no-search-results', {
     input: props.inputValue
   })])])])])])]);
-});
+});
+export { Component as NSuggestionList, Component as default };

package/components/NTable.d.ts

@@ -85,7 +85,7 @@ export declare const nTableProps: {
 /**
  * The `NTable` is a styled html table which accepts data and displays it appropriately.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
     /**
      * The headings of the table. These define which columns are shown in the table and in which order.
      */
@@ -170,4 +170,4 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {}, {
     readonly items: TableRow[];
 }>;
-export default _default;
+export { Component as NTable, Component as default };

package/components/NTable.js

@@ -51,7 +51,7 @@ export const nTableProps = {
 /**
  * The `NTable` is a styled html table which accepts data and displays it appropriately.
  */
-export default createComponent('NTable', nTableProps, props => {
+const Component = createComponent('NTable', nTableProps, props => {
   const headings = computed(() => {
     // filter out details headings
     const headings = props.headings.filter(heading => !isHeadingDetail(heading));
@@ -109,6 +109,7 @@ export default createComponent('NTable', nTableProps, props => {
     "colspan": headings.value.length - 1
   }, [item[detail.key] && buildItem(item[detail.key])])]))])]))])]);
 });
+export { Component as NTable, Component as default };
 /**
  * Builds a JSX-Element out of the item
  */

package/components/NTableAction.d.ts

@@ -26,7 +26,7 @@ export declare const nTableActionProps: {
  * The `NTableAction` is a button or {@link RouterLink} which is styled to fit into a table.
  * It is basically styled as an emphasized text in the table.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
     /**
      * The route of the action. If set the component will be a {@link RouterLink}.
      */
@@ -71,4 +71,4 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {}, {
     readonly type: "button" | "submit" | "reset";
 }>;
-export default _default;
+export { Component as NTableAction, Component as default };

package/components/NTableAction.js

@@ -28,7 +28,7 @@ export const nTableActionProps = {
  * The `NTableAction` is a button or {@link RouterLink} which is styled to fit into a table.
  * It is basically styled as an emphasized text in the table.
  */
-export default createComponent('NTableAction', nTableActionProps, (props, {
+const Component = createComponent('NTableAction', nTableActionProps, (props, {
   slots
 }) => {
   const content = () => slots.default?.() || _createVNode(_Fragment, null, [props.text]);
@@ -46,4 +46,5 @@ export default createComponent('NTableAction', nTableActionProps, (props, {
       "onClick": props.onClick
     }, [content()]);
   };
-});
+});
+export { Component as NTableAction, Component as default };

package/components/NTextArea.d.ts

@@ -1,5 +1,6 @@
 import { type PropType } from 'vue';
 export declare const nTextAreaProps: {
+    readonly disableValidation: BooleanConstructor;
     readonly optional: BooleanConstructor;
     readonly rules: {
         readonly type: PropType<import("../utils/validation").ValidationRule | import("../utils/validation").ValidationRule[]>;
@@ -87,7 +88,8 @@ export type NTextAreaExposed = {
      */
     focus(): void;
 };
-declare const _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
+    readonly disableValidation: BooleanConstructor;
     readonly optional: BooleanConstructor;
     readonly rules: {
         readonly type: PropType<import("../utils/validation").ValidationRule | import("../utils/validation").ValidationRule[]>;
@@ -169,6 +171,7 @@ declare const _default: import("vue").DefineComponent<{
     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<{
+    readonly disableValidation: BooleanConstructor;
     readonly optional: BooleanConstructor;
     readonly rules: {
         readonly type: PropType<import("../utils/validation").ValidationRule | import("../utils/validation").ValidationRule[]>;
@@ -258,10 +261,11 @@ declare const _default: import("vue").DefineComponent<{
     readonly error: boolean;
     readonly autocomplete: string;
     readonly hideLabel: boolean;
+    readonly disableValidation: boolean;
     readonly optional: boolean;
     readonly rules: import("../utils/validation").ValidationRule | import("../utils/validation").ValidationRule[];
     readonly hideErrorMessage: boolean;
     readonly disableBlurValidation: boolean;
     readonly resizable: boolean;
 }>;
-export default _default;
+export { Component as NTextArea, Component as default };

package/components/NTextArea.js

@@ -70,7 +70,7 @@ export const nTextAreaProps = {
   ...nTextAreaBaseProps,
   ...validationProps
 };
-export default createComponent('NTextArea', nTextAreaProps, (props, context) => {
+const Component = createComponent('NTextArea', nTextAreaProps, (props, context) => {
   const textAreaRef = ref();
   const exposed = {
     focus: () => textAreaRef.value?.focus()
@@ -91,6 +91,7 @@ export default createComponent('NTextArea', nTextAreaProps, (props, context) =>
     }), null)
   }), null);
 });
+export { Component as NTextArea, Component as default };
 /**
  * The `NTextArea` wraps the html text area with all the features from {@link NInput} and {@link NValInput}.
  */

package/components/NTooltip.d.ts

@@ -131,7 +131,7 @@ export declare function mapTooltipProps(props: ExtractedProps<typeof nToolTipPro
  *      <NButton />
  * </NTooltip>
  */
-declare const _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
     /**
      * The text content of the tooltip.
      */
@@ -236,5 +236,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly placement: TooltipPlacement;
     readonly maxWidth: TWMaxWidth;
 }>;
-export default _default;
+export { Component as NTooltip, Component as default };
 export type TooltipPlacement = 'auto' | 'auto-start' | 'auto-end' | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';

package/components/NTooltip.js

@@ -130,7 +130,7 @@ export function mapTooltipProps(props) {
  *      <NButton />
  * </NTooltip>
  */
-export default createComponent('NTooltip', nTooltipProps, (props, {
+const Component = createComponent('NTooltip', nTooltipProps, (props, {
   slots
 }) => {
   return () => _createVNode("div", {
@@ -139,6 +139,7 @@ export default createComponent('NTooltip', nTooltipProps, (props, {
     default: () => [slots.default?.()]
   }) : slots.default?.()]);
 });
+export { Component as NTooltip, Component as default };
 const NTooltipBase = createComponent('NTooltipBase', nTooltipProps, (props, {
   slots
 }) => {

package/components/NValInput.d.ts

@@ -3,6 +3,11 @@ import { type NInputExposed } from './NInput';
 import { type ValidationRule, type ValidationResult } from '../utils/validation';
 import type { ValidatedForm } from './ValidatedForm';
 export declare const validationProps: {
+    /**
+     * If set to `true` this inputs validation will always succeed and all validation
+     * rules are ignored. Default is `false`.
+     */
+    readonly disableValidation: BooleanConstructor;
     /**
      * If set to `true` this input is always valid when its value is empty.
      * If set to `false` the input receives the {@link required} rule. Default is `false`.
@@ -45,6 +50,11 @@ export declare const nValInputProps: {
      * A slot to replace the input.
      */
     readonly input: PropType<(props: InputSlotProps) => JSX.Element>;
+    /**
+     * If set to `true` this inputs validation will always succeed and all validation
+     * rules are ignored. Default is `false`.
+     */
+    readonly disableValidation: BooleanConstructor;
     /**
      * If set to `true` this input is always valid when its value is empty.
      * If set to `false` the input receives the {@link required} rule. Default is `false`.
@@ -113,7 +123,10 @@ export declare const nValInputProps: {
     readonly hideLabel: BooleanConstructor;
     readonly inputClass: StringConstructor;
     readonly onFocus: PropType<() => void>;
-    readonly onBlur: PropType<() => void>;
+    readonly onBlur: PropType<() => void>; /**
+     * If set to `true` the error message is not shown.
+     * However, the input is still marked red if it is in an error state.
+     */
     readonly value: PropType<string>;
     readonly onUpdateValue: PropType<(newValue: string) => void>;
 };
@@ -138,11 +151,16 @@ export type NValInputExposed = {
 /**
  * The `NValInput` is a `NInput` with custom validation.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
     /**
      * A slot to replace the input.
      */
     readonly input: PropType<(props: InputSlotProps) => JSX.Element>;
+    /**
+     * If set to `true` this inputs validation will always succeed and all validation
+     * rules are ignored. Default is `false`.
+     */
+    readonly disableValidation: BooleanConstructor;
     /**
      * If set to `true` this input is always valid when its value is empty.
      * If set to `false` the input receives the {@link required} rule. Default is `false`.
@@ -211,7 +229,10 @@ declare const _default: import("vue").DefineComponent<{
     readonly hideLabel: BooleanConstructor;
     readonly inputClass: StringConstructor;
     readonly onFocus: PropType<() => void>;
-    readonly onBlur: PropType<() => void>;
+    readonly onBlur: PropType<() => void>; /**
+     * If set to `true` the error message is not shown.
+     * However, the input is still marked red if it is in an error state.
+     */
     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<{
@@ -219,6 +240,11 @@ declare const _default: import("vue").DefineComponent<{
      * A slot to replace the input.
      */
     readonly input: PropType<(props: InputSlotProps) => JSX.Element>;
+    /**
+     * If set to `true` this inputs validation will always succeed and all validation
+     * rules are ignored. Default is `false`.
+     */
+    readonly disableValidation: BooleanConstructor;
     /**
      * If set to `true` this input is always valid when its value is empty.
      * If set to `false` the input receives the {@link required} rule. Default is `false`.
@@ -287,7 +313,10 @@ declare const _default: import("vue").DefineComponent<{
     readonly hideLabel: BooleanConstructor;
     readonly inputClass: StringConstructor;
     readonly onFocus: PropType<() => void>;
-    readonly onBlur: PropType<() => void>;
+    readonly onBlur: PropType<() => void>; /**
+     * If set to `true` the error message is not shown.
+     * However, the input is still marked red if it is in an error state.
+     */
     readonly value: PropType<string>;
     readonly onUpdateValue: PropType<(newValue: string) => void>;
 }>> & {}, {
@@ -301,9 +330,10 @@ declare const _default: import("vue").DefineComponent<{
     readonly error: boolean;
     readonly autocomplete: string;
     readonly hideLabel: boolean;
+    readonly disableValidation: boolean;
     readonly optional: boolean;
     readonly rules: ValidationRule | ValidationRule[];
     readonly hideErrorMessage: boolean;
     readonly disableBlurValidation: boolean;
 }>;
-export default _default;
+export { Component as NValInput, Component as default };