@naptics/vue-collection 0.2.3 → 0.2.5

package/components/NAlert.d.ts

@@ -25,7 +25,7 @@ export declare const nAlertProps: {
  * The `NAlert` is a fully styled alert with multiple variants.
  * It can be used as a normal blocking element or as part of an alert queue.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
     /**
      * The variant of the alert. This defines its color and icon.
      */
@@ -69,4 +69,4 @@ declare const _default: import("vue").DefineComponent<{
     readonly variant: AlertVariant;
     readonly hideX: boolean;
 }>;
-export default _default;
+export { Component as NAlert, Component as default };

package/components/NAlert.js

@@ -29,7 +29,7 @@ export const nAlertProps = {
  * The `NAlert` is a fully styled alert with multiple variants.
  * It can be used as a normal blocking element or as part of an alert queue.
  */
-export default createComponent('NAlert', nAlertProps, (props, {
+const Component = createComponent('NAlert', nAlertProps, (props, {
   slots
 }) => {
   const variant = computed(() => VARIANTS[props.variant]);
@@ -80,4 +80,5 @@ const VARIANTS = {
     }, null),
     color: 'blue'
   }
-};
+};
+export { Component as NAlert, Component as default };

package/components/NBadge.d.ts

@@ -65,7 +65,7 @@ export declare const nBadgeProps: {
 /**
  * The `NBadge` is a styled element to wrap a text.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
     readonly tooltipText: StringConstructor;
     readonly tooltipContent: PropType<() => JSX.Element>;
     readonly tooltipHide: BooleanConstructor;
@@ -198,4 +198,4 @@ declare const _default: import("vue").DefineComponent<{
     readonly textShade: number;
     readonly allCaps: boolean;
 }>;
-export default _default;
+export { Component as NBadge, Component as default };

package/components/NBadge.js

@@ -52,7 +52,7 @@ export const nBadgeProps = {
 /**
  * The `NBadge` is a styled element to wrap a text.
  */
-export default createComponent('NBadge', nBadgeProps, (props, {
+const Component = createComponent('NBadge', nBadgeProps, (props, {
   slots
 }) => {
   return () => _createVNode(NTooltip, mapTooltipProps(props), {
@@ -60,4 +60,5 @@ export default createComponent('NBadge', nBadgeProps, (props, {
       "class": ['px-2 py-1 rounded-md font-semibold shadow', `${props.textSize} bg-${props.color}-${props.shade} text-${props.color}-${props.textShade}`, props.allCaps ? 'uppercase' : '', props.badgeClass]
     }, [slots.default?.() || props.text])]
   });
-});
+});
+export { Component as NBadge, Component as default };

package/components/NBreadcrub.d.ts

@@ -65,7 +65,7 @@ export type BreadcrumbItem = {
 /**
  * The `NBreadcrumb` is a styled breadcrumb which can be used as a navigation in hierarchical views.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
     /**
      * The items of the breadcrumb.
      */
@@ -170,4 +170,4 @@ declare const _default: import("vue").DefineComponent<{
     readonly items: BreadcrumbItem[];
     readonly iconSize: number;
 }>;
-export default _default;
+export { Component as NBreadcrumb, Component as default };

package/components/NBreadcrub.js

@@ -55,7 +55,7 @@ export const nBreadcrumbProps = {
 /**
  * The `NBreadcrumb` is a styled breadcrumb which can be used as a navigation in hierarchical views.
  */
-export default createComponentWithSlots('NBreadcrumb', nBreadcrumbProps, ['seperator', 'item'], props => {
+const Component = createComponentWithSlots('NBreadcrumb', nBreadcrumbProps, ['seperator', 'item'], props => {
   return () => _createVNode("div", {
     "class": `flex flex-wrap items-center`
   }, [props.items.map((item, index) => _createVNode(_Fragment, null, [props.item?.(item, index) || _createVNode(NLink, {
@@ -67,4 +67,5 @@ export default createComponentWithSlots('NBreadcrumb', nBreadcrumbProps, ['seper
   }), index < props.items.length - 1 && (props.seperator?.(item, index) || _createVNode(props.icon, {
     "class": `mx-2 w-${props.iconSize} h-${props.iconSize} text-${props.color}-500 ${props.iconClass}`
   }, null))]))]);
-});
+});
+export { Component as NBreadcrumb, Component as default };

package/components/NButton.d.ts

@@ -56,7 +56,7 @@ export declare const nButtonProps: {
 /**
  * The `NButton` is a styled button.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
     readonly tooltipText: StringConstructor;
     readonly tooltipContent: PropType<() => JSX.Element>;
     readonly tooltipHide: BooleanConstructor;
@@ -173,4 +173,4 @@ declare const _default: import("vue").DefineComponent<{
     readonly disabled: boolean;
     readonly loading: boolean;
 }>;
-export default _default;
+export { Component as NButton, Component as default };

package/components/NButton.js

@@ -46,7 +46,7 @@ export const nButtonProps = {
 /**
  * The `NButton` is a styled button.
  */
-export default createComponent('NButton', nButtonProps, (props, {
+const Component = createComponent('NButton', nButtonProps, (props, {
   slots
 }) => {
   const isDisabled = computed(() => props.loading || props.disabled);
@@ -68,4 +68,5 @@ export default createComponent('NButton', nButtonProps, (props, {
       "shade": 600
     }, null)])])]
   });
-});
+});
+export { Component as NButton, Component as default };

package/components/NCheckbox.d.ts

@@ -16,7 +16,7 @@ export declare const nCheckboxProps: {
 /**
  * The `NCheckbox` is a styled checkbox.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
     /**
      * The color of the checkbox.
      */
@@ -48,4 +48,4 @@ declare const _default: import("vue").DefineComponent<{
     readonly color: string;
     readonly disabled: boolean;
 }>;
-export default _default;
+export { Component as NCheckbox, Component as default };

package/components/NCheckbox.js

@@ -19,7 +19,7 @@ export const nCheckboxProps = {
 /**
  * The `NCheckbox` is a styled checkbox.
  */
-export default createComponent('NCheckbox', nCheckboxProps, props => {
+const Component = createComponent('NCheckbox', nCheckboxProps, props => {
   const toggle = () => {
     props.onUpdateValue?.(!props.value);
     forceUpdate();
@@ -39,4 +39,5 @@ export default createComponent('NCheckbox', nCheckboxProps, props => {
     "key": updateKey.value,
     "class": [`h-5 w-5 border-default-300 rounded focus:outline-none focus:ring-0 focus-visible:ring-2 focus-visible:ring-${props.color}-500`, props.disabled ? `cursor-default bg-default-100 text-${props.color}-200` : `cursor-pointer text-${props.color}-400`]
   }, null);
-});
+});
+export { Component as NCheckbox, Component as default };

package/components/NCheckboxLabel.d.ts

@@ -22,7 +22,7 @@ export declare const nCheckboxLabelProps: {
 /**
  * The `NCheckboxLabel` is a checkbox with a title and a description.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
     /**
      * The title of the checkbox.
      */
@@ -67,4 +67,4 @@ declare const _default: import("vue").DefineComponent<{
     readonly disabled: boolean;
     readonly compact: boolean;
 }>;
-export default _default;
+export { Component as NCheckboxLabel, Component as default };

package/components/NCheckboxLabel.js

@@ -19,7 +19,7 @@ export const nCheckboxLabelProps = {
 /**
  * The `NCheckboxLabel` is a checkbox with a title and a description.
  */
-export default createComponent('NCheckboxLabel', nCheckboxLabelProps, props => {
+const Component = createComponent('NCheckboxLabel', nCheckboxLabelProps, props => {
   const toggleValue = () => {
     if (!props.disabled) props.onUpdateValue?.(!props.value);
   };
@@ -38,4 +38,5 @@ export default createComponent('NCheckboxLabel', nCheckboxLabelProps, props => {
     "onClick": toggleValue,
     "class": ['select-none', props.disabled ? '' : 'cursor-pointer']
   }, [props.description])])])]);
-});
+});
+export { Component as NCheckboxLabel, Component as default };

package/components/NCrudModal.d.ts

@@ -105,7 +105,7 @@ export declare const nCrudModalProps: {
  * It has an integrated remove-button with a user-dialog to remove the editing element.
  * When the dialog is accepted `onRemove` is called.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
     /**
      * The text of the remove-button.
      */
@@ -324,4 +324,4 @@ declare const _default: import("vue").DefineComponent<{
     readonly removeDialogVariant: DialogVariant;
     readonly closeOnRemove: boolean;
 }>;
-export default _default;
+export { Component as NCrudModal, Component as default };

package/components/NCrudModal.js

@@ -69,7 +69,7 @@ export const nCrudModalProps = {
  * It has an integrated remove-button with a user-dialog to remove the editing element.
  * When the dialog is accepted `onRemove` is called.
  */
-export default createComponentWithSlots('NCrudModal', nCrudModalProps, ['modal', 'footer', 'header'], (props, {
+const Component = createComponentWithSlots('NCrudModal', nCrudModalProps, ['modal', 'footer', 'header'], (props, {
   slots
 }) => {
   const removeDialog = ref();
@@ -116,4 +116,5 @@ export default createComponentWithSlots('NCrudModal', nCrudModalProps, ['modal',
       "okText": props.removeDialogOkText
     }, null)]
   });
-});
+});
+export { Component as NCrudModal, Component as default };

package/components/NDialog.d.ts

@@ -77,7 +77,7 @@ export type NDialogExposed = {
  * ...
  * <NDialog ref={dialogRef} />
  */
-declare const _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
     /**
      * The title of the dialog.
      */
@@ -187,4 +187,4 @@ declare const _default: import("vue").DefineComponent<{
     cancelColor: string;
     hideCancel: boolean;
 }>;
-export default _default;
+export { Component as NDialog, Component as default };

package/components/NDialog.js

@@ -76,7 +76,7 @@ export const nDialogProps = {
  * ...
  * <NDialog ref={dialogRef} />
  */
-export default createComponent('NDialog', nDialogProps, (props, context) => {
+const Component = createComponent('NDialog', nDialogProps, (props, context) => {
   const showDialog = ref(false);
   let deferredPromise = null;
   const show = () => {
@@ -157,4 +157,5 @@ const VARIANT_DEFAULTS = {
     okText: trsl('vue-collection.action.remove'),
     okColor: 'red'
   }
-};
+};
+export { Component as NDialog, Component as default };

package/components/NDropdown.d.ts

@@ -63,7 +63,7 @@ export type DropdownItem = {
  * The `NDropdown` consists of a button and a panel with multiple actions.
  * It is useful to group multiple actions together in one place.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
     /**
      * The title of the dropdown-button.
      */
@@ -94,41 +94,7 @@ declare const _default: import("vue").DefineComponent<{
      * The passed parameter is the HeadlessUI `MenuButton` which should be
      * used to create the button for the Dropdown to work properly.
      */
-    readonly button: PropType<(button: import("vue").DefineComponent<{
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        as: {
-            type: (ObjectConstructor | StringConstructor)[];
-            default: string;
-        };
-        id: {
-            type: StringConstructor;
-            default: () => string;
-        };
-    }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>[] | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        as: {
-            type: (ObjectConstructor | StringConstructor)[];
-            default: string;
-        };
-        id: {
-            type: StringConstructor;
-            default: () => string;
-        };
-    }>>, {
-        as: string | Record<string, any>;
-        disabled: boolean;
-        id: string;
-    }>) => JSX.Element>;
+    readonly button: PropType<(button: typeof MenuButton) => JSX.Element>;
 }, 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 title of the dropdown-button.
@@ -160,44 +126,10 @@ declare const _default: import("vue").DefineComponent<{
      * The passed parameter is the HeadlessUI `MenuButton` which should be
      * used to create the button for the Dropdown to work properly.
      */
-    readonly button: PropType<(button: import("vue").DefineComponent<{
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        as: {
-            type: (ObjectConstructor | StringConstructor)[];
-            default: string;
-        };
-        id: {
-            type: StringConstructor;
-            default: () => string;
-        };
-    }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>[] | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        as: {
-            type: (ObjectConstructor | StringConstructor)[];
-            default: string;
-        };
-        id: {
-            type: StringConstructor;
-            default: () => string;
-        };
-    }>>, {
-        as: string | Record<string, any>;
-        disabled: boolean;
-        id: string;
-    }>) => JSX.Element>;
+    readonly button: PropType<(button: typeof MenuButton) => JSX.Element>;
 }>> & {}, {
     readonly right: boolean;
     readonly disabled: boolean;
     readonly items: DropdownItem[] | DropdownItem[][];
 }>;
-export default _default;
+export { Component as NDropdown, Component as default };

package/components/NDropdown.js

@@ -44,7 +44,7 @@ export const nDropdownProps = {
  * The `NDropdown` consists of a button and a panel with multiple actions.
  * It is useful to group multiple actions together in one place.
  */
-export default createComponentWithSlots('NDropdown', nDropdownProps, ['button'], (props, {
+const Component = createComponentWithSlots('NDropdown', nDropdownProps, ['button'], (props, {
   slots
 }) => {
   const items = computed(() => {
@@ -111,4 +111,5 @@ export default createComponentWithSlots('NDropdown', nDropdownProps, ['button'],
       })]
     })]
   });
-});
+});
+export { Component as NDropdown, Component as default };

package/components/NDropzone.d.ts

@@ -53,7 +53,7 @@ export declare const nDropzoneProps: {
  * The `NDropzone` is an area where files can be added by the user by drag & drop.
  * Files can also be selected with a file chooser by clicking on the dropzone.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
     /**
      * A description which files are allowed for this dropzone.
      * This should include everything the user needs to know about
@@ -159,4 +159,4 @@ declare const _default: import("vue").DefineComponent<{
     readonly maxLengthFileNames: number;
     readonly height: string;
 }>;
-export default _default;
+export { Component as NDropzone, Component as default };

package/components/NDropzone.js

@@ -66,7 +66,7 @@ export const nDropzoneProps = {
  * The `NDropzone` is an area where files can be added by the user by drag & drop.
  * Files can also be selected with a file chooser by clicking on the dropzone.
  */
-export default createComponent('NDropzone', nDropzoneProps, props => {
+const Component = createComponent('NDropzone', nDropzoneProps, props => {
   const fileError = ref();
   const filterAndUpdateFiles = files => {
     // filter for mime type and max size
@@ -194,6 +194,7 @@ export default createComponent('NDropzone', nDropzoneProps, props => {
     })])])])])])]);
   };
 });
+export { Component as NDropzone, Component as default };
 // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers
 const MIME_FORMAT = /^(image|audio|application|video|text)\/\*$/;
 const EXTENSION_FORMAT = /^\.\w{2,20}$/;

package/components/NForm.d.ts

@@ -17,7 +17,7 @@ export declare const nFormProps: {
  * If it contains a button of type `submit` in it's hierarchy,
  * it catches the submit event and passes it to the {@link ValidatedForm} in its `form` prop.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
     /**
      * The {@link ValidatedForm} which will be used to validate the inputs.
      * All inputs in this forms hierarchy should be added to the {@link ValidatedForm}.
@@ -40,4 +40,4 @@ declare const _default: import("vue").DefineComponent<{
      */
     readonly onSubmit: PropType<() => void>;
 }>> & {}, {}>;
-export default _default;
+export { Component as NForm, Component as default };

package/components/NForm.js

@@ -17,7 +17,7 @@ export const nFormProps = {
  * If it contains a button of type `submit` in it's hierarchy,
  * it catches the submit event and passes it to the {@link ValidatedForm} in its `form` prop.
  */
-export default createComponent('NForm', nFormProps, (props, context) => {
+const Component = createComponent('NForm', nFormProps, (props, context) => {
   const onSubmit = event => {
     event.preventDefault();
     if (!props.form || props.form.validate().isValid) props.onSubmit?.();
@@ -25,4 +25,5 @@ export default createComponent('NForm', nFormProps, (props, context) => {
   return () => _createVNode("form", {
     "onSubmit": onSubmit
   }, [context.slots.default?.()]);
-});
+});
+export { Component as NForm, Component as default };

package/components/NFormModal.d.ts

@@ -62,7 +62,7 @@ export declare const nFormModalProps: {
  * When submitting a `NFormModal` the form is first validated and
  * only if the validation is succesful the `onOk` event is called.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
     /**
      * The maximum width of the modal. A regular tailwind class.
      */
@@ -187,4 +187,4 @@ declare const _default: import("vue").DefineComponent<{
     readonly closeOnBackground: boolean;
     readonly hideCancel: boolean;
 }>;
-export default _default;
+export { Component as NFormModal, Component as default };

package/components/NFormModal.js

@@ -31,7 +31,7 @@ export const nFormModalProps = {
  * When submitting a `NFormModal` the form is first validated and
  * only if the validation is succesful the `onOk` event is called.
  */
-export default createComponentWithSlots('NFormModal', nFormModalProps, ['modal', 'header', 'footer'], (props, {
+const Component = createComponentWithSlots('NFormModal', nFormModalProps, ['modal', 'header', 'footer'], (props, {
   slots
 }) => {
   const onOk = () => {
@@ -55,4 +55,5 @@ export default createComponentWithSlots('NFormModal', nFormModalProps, ['modal',
       default: () => [slots.default?.()]
     })]
   });
-});
+});
+export { Component as NFormModal, Component as default };

package/components/NIconButton.d.ts

@@ -77,7 +77,7 @@ export declare const nIconButtonProps: {
 /**
  * The `NIconButton` is a regular button which does not have any text but an icon instead.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
     readonly tooltipText: StringConstructor;
     readonly tooltipContent: PropType<() => JSX.Element>;
     readonly tooltipHide: BooleanConstructor;
@@ -232,4 +232,4 @@ declare const _default: import("vue").DefineComponent<{
     readonly tooltipMaxWidth: import("../utils/tailwind").TWMaxWidth;
     readonly disabled: boolean;
 }>;
-export default _default;
+export { Component as NIconButton, Component as default };

package/components/NIconButton.js

@@ -63,7 +63,7 @@ export const nIconButtonProps = {
 /**
  * The `NIconButton` is a regular button which does not have any text but an icon instead.
  */
-export default createComponent('NIconButton', nIconButtonProps, props => {
+const Component = createComponent('NIconButton', nIconButtonProps, props => {
   const classes = () => ['block p-0.5 rounded-md focus:outline-none focus-visible:ring-2 -m-1', props.disabled ? `text-${props.color}-200 cursor-default` : `hover:bg-${props.color}-${props.shade} hover:bg-opacity-10 text-${props.color}-${props.shade} focus-visible:ring-${props.color}-${props.shade} cursor-pointer`, props.buttonClass];
   const content = () => _createVNode(props.icon, {
     "class": `w-${props.size} h-${props.size}`
@@ -84,4 +84,5 @@ export default createComponent('NIconButton', nIconButtonProps, props => {
       }, [content()])]
     });
   };
-});
+});
+export { Component as NIconButton, Component as default };

package/components/NIconCircle.d.ts

@@ -45,7 +45,7 @@ export declare const nIconCircleProps: {
 /**
  * The `NIconCircle` is an icon with a colored circle around it.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
     /**
      * The icon of the icon-circle.
      */
@@ -132,4 +132,4 @@ declare const _default: import("vue").DefineComponent<{
     readonly iconShade: number;
     readonly bgShade: number;
 }>;
-export default _default;
+export { Component as NIconCircle, Component as default };

package/components/NIconCircle.js

@@ -47,7 +47,7 @@ const SCALING_FACTOR = 0.55;
 /**
  * The `NIconCircle` is an icon with a colored circle around it.
  */
-export default createComponent('NIconCircle', nIconCircleProps, props => {
+const Component = createComponent('NIconCircle', nIconCircleProps, props => {
   let circleSize = props.circleSize;
   let iconSize = props.iconSize;
   if (circleSize == null) {
@@ -63,4 +63,5 @@ export default createComponent('NIconCircle', nIconCircleProps, props => {
     "class": `text-${props.color}-${props.iconShade}`,
     "style": `width: ${iconSize}px; height: ${iconSize}px`
   }, [_createVNode(props.icon, null, null)])]);
-});
+});
+export { Component as NIconCircle, Component as default };

package/components/NInput.d.ts

@@ -86,7 +86,7 @@ export type NInputExposed = {
 /**
  * The base class of inputs. A styled input with a lot of configuration possibilities but no validation.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
     readonly tooltipText: StringConstructor;
     readonly tooltipContent: PropType<() => JSX.Element>;
     readonly tooltipHide: BooleanConstructor;
@@ -250,4 +250,4 @@ declare const _default: import("vue").DefineComponent<{
     readonly autocomplete: string;
     readonly hideLabel: boolean;
 }>;
-export default _default;
+export { Component as NInput, Component as default };

package/components/NInput.js

@@ -70,7 +70,7 @@ export const nInputProps = {
 /**
  * The base class of inputs. A styled input with a lot of configuration possibilities but no validation.
  */
-export default createComponent('NInput', nInputProps, (props, context) => {
+const Component = createComponent('NInput', nInputProps, (props, context) => {
   const inputRef = ref();
   const exposed = {
     focus: () => inputRef.value?.focus()
@@ -106,4 +106,5 @@ export default createComponent('NInput', nInputProps, (props, context) => {
       "aria-hidden": "true"
     }, null)]), [[_vShow, props.error && !props.small]])])]
   })]);
-});
+});
+export { Component as NInput, Component as default };

package/components/NInputPhone.d.ts

@@ -1,5 +1,6 @@
 export declare const nInputPhoneProps: {
     readonly input: import("vue").PropType<(props: import("./NValInput").InputSlotProps) => JSX.Element>;
+    readonly disableValidation: BooleanConstructor;
     readonly optional: BooleanConstructor;
     readonly rules: {
         readonly type: import("vue").PropType<import("../utils/validation").ValidationRule | import("../utils/validation").ValidationRule[]>;
@@ -49,8 +50,9 @@ export declare const nInputPhoneProps: {
 /**
  * The `NInputPhone` autoformats phone numbers and checks if they are valid.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
     readonly input: import("vue").PropType<(props: import("./NValInput").InputSlotProps) => JSX.Element>;
+    readonly disableValidation: BooleanConstructor;
     readonly optional: BooleanConstructor;
     readonly rules: {
         readonly type: import("vue").PropType<import("../utils/validation").ValidationRule | import("../utils/validation").ValidationRule[]>;
@@ -98,6 +100,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly onUpdateValue: import("vue").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 input: import("vue").PropType<(props: import("./NValInput").InputSlotProps) => JSX.Element>;
+    readonly disableValidation: BooleanConstructor;
     readonly optional: BooleanConstructor;
     readonly rules: {
         readonly type: import("vue").PropType<import("../utils/validation").ValidationRule | import("../utils/validation").ValidationRule[]>;
@@ -154,9 +157,10 @@ 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;
 }>;
-export default _default;
+export { Component as NInputPhone, Component as default };

package/components/NInputPhone.js

@@ -8,12 +8,13 @@ export const nInputPhoneProps = nValInputProps;
 /**
  * The `NInputPhone` autoformats phone numbers and checks if they are valid.
  */
-export default createComponent('NInputPhoneSuspended', nInputPhoneProps, props => {
+const Component = createComponent('NInputPhoneSuspended', nInputPhoneProps, props => {
   // Async components have to be wrapped in a suspense component.
   return () => _createVNode(Suspense, null, {
     default: () => [_createVNode(NPhoneInput, props, null)]
   });
 });
+export { Component as NInputPhone, Component as default };
 const NPhoneInput = createComponent('NInputPhone', nInputPhoneProps, async props => {
   // import dynamically for better codesplitting as the library is pretty large
   const {

package/components/NInputSelect.d.ts

@@ -95,7 +95,7 @@ export type InputSelectOption = Identifiable & {
  * 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.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const Component: import("vue").DefineComponent<{
     /**
      * The id of the currently selected option of this input.
      */
@@ -281,4 +281,4 @@ declare const _default: import("vue").DefineComponent<{
     readonly maxItems: number;
     readonly hideList: boolean;
 }>;
-export default _default;
+export { Component as NInputSelect, Component as default };