@nmorph/nmorph-ui-kit 2.2.37 → 2.2.39

package/dist/src/components/feedback/nmorph-callout/NmorphCallout.vue.d.ts

@@ -1,21 +1,9 @@
-import { NmorphCalloutType } from './types';
+import { INmorphCalloutProps, NmorphCalloutType } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-interface INmorphProps {
-    type?: NmorphCalloutType;
-    title?: string;
-    content: string;
-    color?: string;
-    padding?: number | string;
-    borderRadius?: number | string;
-    accentWidth?: number | string;
-    titleGap?: number | string;
-    titleFontSize?: number | string;
-    contentFontSize?: number | string;
-}
-declare const _default: DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
+declare const _default: DefineComponent<INmorphCalloutProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphCalloutProps> & Readonly<{}>, {
+    title: string;
     color: string;
     type: NmorphCalloutType;
-    title: string;
     padding: string | number;
     borderRadius: string | number;
     accentWidth: string | number;

package/dist/src/components/feedback/nmorph-callout/types.d.ts

@@ -1 +1,13 @@
 export type NmorphCalloutType = 'info' | 'warning' | 'success' | 'error';
+export interface INmorphCalloutProps {
+    type?: NmorphCalloutType;
+    title?: string;
+    content: string;
+    color?: string;
+    padding?: number | string;
+    borderRadius?: number | string;
+    accentWidth?: number | string;
+    titleGap?: number | string;
+    titleFontSize?: number | string;
+    contentFontSize?: number | string;
+}

package/dist/src/components/feedback/nmorph-dialog/NmorphDialog.vue.d.ts

@@ -1,29 +1,14 @@
+import { INmorphDialogProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-interface INmorphProps {
-    modelValue?: boolean;
-    title?: string;
-    width?: string;
-    maxHeight?: string;
-    openDelay?: number;
-    closeDelay?: number;
-    /**
-     * @deprecated Use `closeOnOverlay` instead.
-     */
-    closeOnClickModal?: boolean;
-    showClose?: boolean;
-    zIndex?: number;
-    closeOnOverlay?: boolean;
-    closeOnEscape?: boolean;
-}
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphDialogProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:model-value": (value: boolean) => any;
     "on-close": () => any;
-}, string, PublicProps, Readonly<INmorphProps> & Readonly<{
+}, string, PublicProps, Readonly<INmorphDialogProps> & Readonly<{
     "onUpdate:model-value"?: (value: boolean) => any;
     "onOn-close"?: () => any;
 }>, {
-    width: string;
     title: string;
+    width: string;
     maxHeight: string;
     modelValue: boolean;
     zIndex: number;

package/dist/src/components/feedback/nmorph-dialog/types.d.ts

@@ -0,0 +1,20 @@
+export interface INmorphDialogProps {
+    modelValue?: boolean;
+    title?: string;
+    width?: string;
+    maxHeight?: string;
+    openDelay?: number;
+    closeDelay?: number;
+    /**
+     * @deprecated Use `closeOnOverlay` instead.
+     */
+    closeOnClickModal?: boolean;
+    showClose?: boolean;
+    zIndex?: number;
+    closeOnOverlay?: boolean;
+    closeOnEscape?: boolean;
+}
+export interface INmorphDialogEmit {
+    (e: 'on-close'): void;
+    (e: 'update:model-value', value: boolean): void;
+}

package/dist/src/components/feedback/nmorph-drawer/NmorphDrawer.vue.d.ts

@@ -1,27 +1,14 @@
+import { INmorphDrawerProps, NmorphDrawerPlacementType } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-type NmorphDrawerPlacementType = 'left' | 'right' | 'top' | 'bottom';
-interface INmorphProps {
-    modelValue?: boolean;
-    title?: string;
-    placement?: NmorphDrawerPlacementType;
-    size?: number | string;
-    showClose?: boolean;
-    closeOnOverlay?: boolean;
-    closeOnEscape?: boolean;
-    zIndex?: number;
-    teleportTo?: string | HTMLElement;
-    disabledTeleport?: boolean;
-    contentClass?: string;
-}
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphDrawerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:model-value": (value: boolean) => any;
     "on-close": () => any;
-}, string, PublicProps, Readonly<INmorphProps> & Readonly<{
+}, string, PublicProps, Readonly<INmorphDrawerProps> & Readonly<{
     "onUpdate:model-value"?: (value: boolean) => any;
     "onOn-close"?: () => any;
 }>, {
-    size: string | number;
     title: string;
+    size: string | number;
     modelValue: boolean;
     zIndex: number;
     teleportTo: string | HTMLElement;

package/dist/src/components/feedback/nmorph-drawer/types.d.ts

@@ -0,0 +1,18 @@
+export type NmorphDrawerPlacementType = 'left' | 'right' | 'top' | 'bottom';
+export interface INmorphDrawerProps {
+    modelValue?: boolean;
+    title?: string;
+    placement?: NmorphDrawerPlacementType;
+    size?: number | string;
+    showClose?: boolean;
+    closeOnOverlay?: boolean;
+    closeOnEscape?: boolean;
+    zIndex?: number;
+    teleportTo?: string | HTMLElement;
+    disabledTeleport?: boolean;
+    contentClass?: string;
+}
+export interface INmorphDrawerEmit {
+    (e: 'on-close'): void;
+    (e: 'update:model-value', value: boolean): void;
+}

package/dist/src/components/feedback/nmorph-tooltip/NmorphTooltip.vue.d.ts

@@ -1,25 +1,16 @@
-import { INmorphCoords, NmorphPlacementType } from '../../../types';
+import { INmorphTooltipProps } from './types';
 import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-interface INmorphProps {
-    text?: string;
-    position?: NmorphPlacementType;
-    forceShow?: boolean;
-    forceCoordinate?: Partial<INmorphCoords<string>> | null;
-    zIndex?: number;
-    width?: number | string;
-    maxWidth?: number | string;
-    height?: number | string;
-}
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
+import { NmorphPlacementType, INmorphCoords } from '../../../types';
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphTooltipProps, {
     tooltipBody: Ref<HTMLElement, HTMLElement>;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphTooltipProps> & Readonly<{}>, {
     text: string;
     height: string | number;
     width: string | number;
     zIndex: number;
     position: NmorphPlacementType;
     forceShow: boolean;
-    forceCoordinate: Partial<INmorphCoords<string>>;
+    forceCoordinate: Partial< INmorphCoords<string>>;
     maxWidth: string | number;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {
     tooltipDOMRef: HTMLDivElement;

package/dist/src/components/feedback/nmorph-tooltip/types.d.ts

@@ -0,0 +1,11 @@
+import { INmorphCoords, NmorphPlacementType } from '../../../types';
+export interface INmorphTooltipProps {
+    text?: string;
+    position?: NmorphPlacementType;
+    forceShow?: boolean;
+    forceCoordinate?: Partial<INmorphCoords<string>> | null;
+    zIndex?: number;
+    width?: number | string;
+    maxWidth?: number | string;
+    height?: number | string;
+}

package/dist/src/components/form/nmorph-autocomplete/NmorphAutocomplete.vue.d.ts

@@ -1,25 +1,12 @@
-import { INmorphCommonInputProps } from '../../../types';
-import { NmorphAutocompleteActionCallbackType, INmorphAutocompleteListItem } from '../..';
+import { INmorphAutocompleteListItem, NmorphAutocompleteActionCallbackType } from '../..';
+import { INmorphAutocompleteProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-interface INmorphProps extends INmorphCommonInputProps {
-    modelValue?: string;
-    placeholder?: string;
-    clearable?: boolean;
-    list: INmorphAutocompleteListItem[];
-    actionCallback?: NmorphAutocompleteActionCallbackType;
-    zIndex?: number;
-    virtual?: boolean;
-    virtualItemHeight?: number;
-    virtualMaxHeight?: number | string;
-    virtualOverscan?: number;
-    virtualDynamicHeight?: boolean;
-}
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-    select: (value: unknown) => any;
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphAutocompleteProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:model-value": (value: string) => any;
-}, string, PublicProps, Readonly<INmorphProps> & Readonly<{
-    onSelect?: (value: unknown) => any;
+    select: (value: unknown) => any;
+}, string, PublicProps, Readonly<INmorphAutocompleteProps> & Readonly<{
     "onUpdate:model-value"?: (value: string) => any;
+    onSelect?: (value: unknown) => any;
 }>, {
     height: "basic" | "thick" | "thin";
     disabled: boolean;

package/dist/src/components/form/nmorph-autocomplete/types.d.ts

@@ -1,5 +1,23 @@
+import { INmorphCommonInputProps } from '../../../types';
 export interface INmorphAutocompleteListItem {
     value: string;
     [key: string]: unknown;
 }
 export type NmorphAutocompleteActionCallbackType = (...args: unknown[]) => Promise<unknown>;
+export interface INmorphAutocompleteProps extends INmorphCommonInputProps {
+    modelValue?: string;
+    placeholder?: string;
+    clearable?: boolean;
+    list: INmorphAutocompleteListItem[];
+    actionCallback?: NmorphAutocompleteActionCallbackType;
+    zIndex?: number;
+    virtual?: boolean;
+    virtualItemHeight?: number;
+    virtualMaxHeight?: number | string;
+    virtualOverscan?: number;
+    virtualDynamicHeight?: boolean;
+}
+export interface INmorphAutocompleteEmit {
+    (e: 'update:model-value', value: string): void;
+    (e: 'select', value: unknown): void;
+}

package/dist/src/components/form/nmorph-checkbox/NmorphCheckbox.vue.d.ts

@@ -7,9 +7,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphCheckbox
 }, string, PublicProps, Readonly<INmorphCheckboxOption> & Readonly<{
     "onUpdate:model-value"?: (val: boolean) => any;
 }>, {
+    label: string;
     id: string;
     disabled: boolean;
-    label: string;
     modelValue: boolean;
     design: NmorphCheckboxDesignType;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {

package/dist/src/components/form/nmorph-checkbox/types.d.ts

@@ -0,0 +1,3 @@
+export interface INmorphCheckboxEmit {
+    (e: 'update:model-value', val: boolean): void;
+}

package/dist/src/components/form/nmorph-checkbox-group/NmorphCheckboxGroup.vue.d.ts

@@ -1,15 +1,9 @@
-import { INmorphCheckboxOption, INmorphCommonInputProps, NmorphCheckboxDesignType, NmorphComponentDirection, NmorphSelectionControlHeightType } from '../../../types';
+import { INmorphCheckboxGroupProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-interface INmorphProps extends Omit<INmorphCommonInputProps, 'height'> {
-    modelValue: string[];
-    options?: INmorphCheckboxOption[];
-    design?: NmorphCheckboxDesignType;
-    direction?: keyof typeof NmorphComponentDirection;
-    height?: NmorphSelectionControlHeightType;
-}
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+import { NmorphCheckboxDesignType, INmorphCheckboxOption } from '../../../types';
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphCheckboxGroupProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:model-value": (val: string[]) => any;
-}, string, PublicProps, Readonly<INmorphProps> & Readonly<{
+}, string, PublicProps, Readonly<INmorphCheckboxGroupProps> & Readonly<{
     "onUpdate:model-value"?: (val: string[]) => any;
 }>, {
     height: "basic" | "thick" | "thin" | "extra-thin";
@@ -18,7 +12,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     direction: "row" | "column";
     design: NmorphCheckboxDesignType;
     options: INmorphCheckboxOption[];
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, {
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/src/components/form/nmorph-checkbox-group/types.d.ts

@@ -0,0 +1,11 @@
+import { INmorphCheckboxOption, INmorphCommonInputProps, NmorphCheckboxDesignType, NmorphComponentDirection, NmorphSelectionControlHeightType } from '../../../types';
+export interface INmorphCheckboxGroupProps extends Omit<INmorphCommonInputProps, 'height'> {
+    modelValue?: string[];
+    options?: INmorphCheckboxOption[];
+    design?: NmorphCheckboxDesignType;
+    direction?: keyof typeof NmorphComponentDirection;
+    height?: NmorphSelectionControlHeightType;
+}
+export interface INmorphCheckboxGroupEmit {
+    (e: 'update:model-value', val: string[]): void;
+}

package/dist/src/components/form/nmorph-color-picker/NmorphColorPicker.vue.d.ts

@@ -1,20 +1,15 @@
-import { INmorphCommonInputProps } from '../../../types';
+import { INmorphColorPickerProps } from './types';
 import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-interface INmorphProps extends INmorphCommonInputProps {
-    modelValue?: string;
-    showValue?: boolean;
-    displayFormat?: 'hex' | 'rgb' | 'hsl';
-}
-declare const _default: DefineComponent<INmorphProps, {
-    inputDOMRef: Ref<HTMLElement, HTMLElement>;
+declare const _default: DefineComponent<INmorphColorPickerProps, {
+    inputDOMRef: Ref<HTMLInputElement, HTMLInputElement>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    "update:model-value": (val: string) => any;
     blur: () => any;
     focus: () => any;
-    "update:model-value": (val: string) => any;
-}, string, PublicProps, Readonly<INmorphProps> & Readonly<{
+}, string, PublicProps, Readonly<INmorphColorPickerProps> & Readonly<{
+    "onUpdate:model-value"?: (val: string) => any;
     onBlur?: () => any;
     onFocus?: () => any;
-    "onUpdate:model-value"?: (val: string) => any;
 }>, {
     height: "basic" | "thick" | "thin";
     disabled: boolean;

package/dist/src/components/form/nmorph-color-picker/types.d.ts

@@ -0,0 +1,11 @@
+import { INmorphCommonInputProps } from '../../../types';
+export interface INmorphColorPickerProps extends INmorphCommonInputProps {
+    modelValue?: string;
+    showValue?: boolean;
+    displayFormat?: 'hex' | 'rgb' | 'hsl';
+}
+export interface INmorphColorPickerEmit {
+    (e: 'update:model-value', val: string): void;
+    (e: 'focus'): void;
+    (e: 'blur'): void;
+}

package/dist/src/components/form/nmorph-date-picker/NmorphDatePicker.vue.d.ts

@@ -1,25 +1,9 @@
-import { INmorphCommonInputProps, NmorphSelectionDateType } from '../../../types';
-import { NmorphDateFormatterType, NmorphSelectedDateModelType } from '../..';
+import { NmorphSelectedDateModelType, NmorphDateFormatterType } from '../..';
+import { INmorphDatePickerProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-interface INmorphProps extends INmorphCommonInputProps {
-    placeholder?: string;
-    modelValue: NmorphSelectedDateModelType;
-    type?: keyof typeof NmorphSelectionDateType;
-    textSeparator?: string;
-    initialDate?: Date;
-    zIndex?: number;
-    dateLocale?: string | string[];
-    dateFormatOptions?: Intl.DateTimeFormatOptions;
-    dateFormat?: string;
-    dateFormatter?: NmorphDateFormatterType;
-    valueSeparator?: string;
-    rangeSeparator?: string;
-    width?: number | string;
-    calendarCellHeight?: number | string;
-}
-declare const _default: DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const _default: DefineComponent<INmorphDatePickerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:model-value": (modelValue: NmorphSelectedDateModelType) => any;
-}, string, PublicProps, Readonly<INmorphProps> & Readonly<{
+}, string, PublicProps, Readonly<INmorphDatePickerProps> & Readonly<{
     "onUpdate:model-value"?: (modelValue: NmorphSelectedDateModelType) => any;
 }>, {
     type: "date" | "dates" | "daterange";
@@ -38,7 +22,7 @@ declare const _default: DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentO
     valueSeparator: string;
     rangeSeparator: string;
     calendarCellHeight: string | number;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
     nmorphInputDOMRef: HTMLDivElement;
 }, HTMLDivElement>;
 export default _default;

package/dist/src/components/form/nmorph-date-picker/inner-components/nmorph-clear-button/types.d.ts

@@ -0,0 +1,3 @@
+export interface INmorphClearButtonEmit {
+    (e: 'clear'): void;
+}

package/dist/src/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-content/NmorphDatePickerContent.vue.d.ts

@@ -1,14 +1,9 @@
 import { NmorphSelectedDateModelType } from '../../../..';
-import { NmorphSelectionDateType } from '../../../../../types';
+import { INmorphDatePickerContentProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-interface INmorphProps {
-    initialDate?: Date;
-    selectedValues: NmorphSelectedDateModelType;
-    type?: keyof typeof NmorphSelectionDateType;
-}
-declare const _default: DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const _default: DefineComponent<INmorphDatePickerContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update-selected-value": (selectedValue: NmorphSelectedDateModelType) => any;
-}, string, PublicProps, Readonly<INmorphProps> & Readonly<{
+}, string, PublicProps, Readonly<INmorphDatePickerContentProps> & Readonly<{
     "onUpdate-selected-value"?: (selectedValue: NmorphSelectedDateModelType) => any;
 }>, {
     type: "date" | "dates" | "daterange";

package/dist/src/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-content/types.d.ts

@@ -0,0 +1,10 @@
+import { NmorphSelectedDateModelType } from '../../../..';
+import { NmorphSelectionDateType } from '../../../../../types';
+export interface INmorphDatePickerContentProps {
+    initialDate?: Date;
+    selectedValues: NmorphSelectedDateModelType;
+    type?: keyof typeof NmorphSelectionDateType;
+}
+export interface INmorphDatePickerContentEmit {
+    (e: 'update-selected-value', selectedValue: NmorphSelectedDateModelType): void;
+}

package/dist/src/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-header/NmorphDatePickerHeader.vue.d.ts

@@ -1,16 +1,13 @@
+import { INmorphDatePickerHeaderProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-interface INmorphProps {
-    year: number;
-    month: number;
-}
-declare const _default: DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const _default: DefineComponent<INmorphDatePickerHeaderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "prev-month": () => any;
     "next-month": () => any;
     "prev-year": () => any;
     "next-year": () => any;
     "change-year": () => any;
     "change-month": () => any;
-}, string, PublicProps, Readonly<INmorphProps> & Readonly<{
+}, string, PublicProps, Readonly<INmorphDatePickerHeaderProps> & Readonly<{
     "onPrev-month"?: () => any;
     "onNext-month"?: () => any;
     "onPrev-year"?: () => any;

package/dist/src/components/form/nmorph-date-picker/inner-components/nmorph-date-picker-header/types.d.ts

@@ -0,0 +1,12 @@
+export interface INmorphDatePickerHeaderProps {
+    year: number;
+    month: number;
+}
+export interface INmorphDatePickerHeaderEmit {
+    (e: 'prev-month'): void;
+    (e: 'next-month'): void;
+    (e: 'prev-year'): void;
+    (e: 'next-year'): void;
+    (e: 'change-year'): void;
+    (e: 'change-month'): void;
+}

package/dist/src/components/form/nmorph-date-picker/inner-components/nmorph-year-month-picker/NmorphYearMonthPicker.vue.d.ts

@@ -1,13 +1,10 @@
+import { INmorphYearMonthPickerProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-interface INmorphProps {
-    currentDate: Date;
-    type?: 'year' | 'month';
-}
-declare const _default: DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const _default: DefineComponent<INmorphYearMonthPickerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update-year": (val: string) => any;
     "update-month": (val: string) => any;
     "back-to-years": () => any;
-}, string, PublicProps, Readonly<INmorphProps> & Readonly<{
+}, string, PublicProps, Readonly<INmorphYearMonthPickerProps> & Readonly<{
     "onUpdate-year"?: (val: string) => any;
     "onUpdate-month"?: (val: string) => any;
     "onBack-to-years"?: () => any;

package/dist/src/components/form/nmorph-date-picker/inner-components/nmorph-year-month-picker/types.d.ts

@@ -0,0 +1,9 @@
+export interface INmorphYearMonthPickerProps {
+    currentDate: Date;
+    type?: 'year' | 'month';
+}
+export interface INmorphYearMonthPickerEmit {
+    (e: 'update-year', val: string): void;
+    (e: 'update-month', val: string): void;
+    (e: 'back-to-years'): void;
+}

package/dist/src/components/form/nmorph-date-picker/types.d.ts

@@ -0,0 +1,21 @@
+import { NmorphDateFormatterType, NmorphSelectedDateModelType } from '../..';
+import { INmorphCommonInputProps, NmorphSelectionDateType } from '../../../types';
+export interface INmorphDatePickerProps extends INmorphCommonInputProps {
+    placeholder?: string;
+    modelValue?: NmorphSelectedDateModelType;
+    type?: keyof typeof NmorphSelectionDateType;
+    textSeparator?: string;
+    initialDate?: Date;
+    zIndex?: number;
+    dateLocale?: string | string[];
+    dateFormatOptions?: Intl.DateTimeFormatOptions;
+    dateFormat?: string;
+    dateFormatter?: NmorphDateFormatterType;
+    valueSeparator?: string;
+    rangeSeparator?: string;
+    width?: number | string;
+    calendarCellHeight?: number | string;
+}
+export interface INmorphDatePickerEmit {
+    (e: 'update:model-value', modelValue: NmorphSelectedDateModelType): void;
+}

package/dist/src/components/form/nmorph-file-upload/NmorphFileUpload.vue.d.ts

@@ -1,26 +1,21 @@
-import { INmorphCustomFileData, NmorphResolutionType } from '../..';
+import { INmorphCustomFileData, INmorphFileUploadValidationError } from '../..';
+import { INmorphFileUploadProps } from './types';
 import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-interface INmorphProps {
-    modelValue?: INmorphCustomFileData[];
-    disabled?: boolean;
-    multiple?: boolean;
-    allowedTypes?: Array<NmorphResolutionType | string>;
-    photoWithPreview?: boolean;
-    buttonText?: string;
-}
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphFileUploadProps, {
     inputDOMRef: Ref<HTMLElement, HTMLElement>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:model-value": (val: INmorphCustomFileData[]) => any;
     "on-unsupported-file-type-error": (val: string) => any;
-}, string, PublicProps, Readonly<INmorphProps> & Readonly<{
+    "on-file-validation-error": (val: INmorphFileUploadValidationError) => any;
+}, string, PublicProps, Readonly<INmorphFileUploadProps> & Readonly<{
     "onUpdate:model-value"?: (val: INmorphCustomFileData[]) => any;
     "onOn-unsupported-file-type-error"?: (val: string) => any;
+    "onOn-file-validation-error"?: (val: INmorphFileUploadValidationError) => any;
 }>, {
     disabled: boolean;
     modelValue: INmorphCustomFileData[];
-    multiple: boolean;
     allowedTypes: string[];
+    multiple: boolean;
     photoWithPreview: boolean;
     buttonText: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {

package/dist/src/components/form/nmorph-file-upload/types.d.ts

@@ -59,3 +59,24 @@ export interface INmorphCustomFileData {
     data: File;
     previewUrl: string;
 }
+export interface INmorphFileUploadValidationError {
+    file: File;
+    errors: string[];
+}
+export interface INmorphFileUploadProps {
+    id?: string;
+    name?: string;
+    autocomplete?: string;
+    tabindex?: number;
+    modelValue?: INmorphCustomFileData[];
+    disabled?: boolean;
+    multiple?: boolean;
+    allowedTypes?: Array<NmorphResolutionType | string>;
+    photoWithPreview?: boolean;
+    buttonText?: string;
+}
+export interface INmorphFileUploadEmit {
+    (e: 'update:model-value', val: INmorphCustomFileData[]): void;
+    (e: 'on-unsupported-file-type-error', val: string): void;
+    (e: 'on-file-validation-error', val: INmorphFileUploadValidationError): void;
+}

package/dist/src/components/form/nmorph-form/NmorphForm.vue.d.ts

@@ -1,13 +1,9 @@
-import { NmorphFormValueType } from './types';
+import { INmorphFormProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { INmorphUseFormValidation } from '../../../hooks';
-interface INmorphProps {
-    value: NmorphFormValueType;
-    validateImmediately?: boolean;
-}
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
+import { INmorphUseFormValidation } from '../../../hooks/use-form-validation';
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphFormProps, {
     formData: INmorphUseFormValidation;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphFormProps> & Readonly<{}>, {
     validateImmediately: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLFormElement>, {
     default?(_: {}): any;

package/dist/src/components/form/nmorph-form/components/nmorph-form-item/NmorphFormItem.vue.d.ts

@@ -1,19 +1,10 @@
-import { NmorphComponentHeight } from '../../../../../types';
+import { INmorphFormItemProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-interface INmorphProps {
-    id: string;
-    name?: string;
-    autocomplete?: string;
-    height?: keyof typeof NmorphComponentHeight;
-    label?: string;
-    showValidationIcon?: boolean;
-    staticErrorBoxSpace?: boolean;
-}
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphFormItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphFormItemProps> & Readonly<{}>, {
     name: string;
+    label: string;
     autocomplete: string;
     height: "basic" | "thick" | "thin";
-    label: string;
     showValidationIcon: boolean;
     staticErrorBoxSpace: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, {

package/dist/src/components/form/nmorph-form/components/nmorph-form-item/inner-components/nmorph-error-box/NmorphErrorBox.vue.d.ts

@@ -1,11 +1,6 @@
-import { NmorphComponentHeight } from '../../../../../../../types';
-import { Ref, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-interface INmorphProps {
-    height?: keyof typeof NmorphComponentHeight;
-    errors?: string[] | Ref<string[]>;
-    staticHeight?: boolean;
-}
-declare const _default: DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
+import { INmorphErrorBoxProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, Ref, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<INmorphErrorBoxProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphErrorBoxProps> & Readonly<{}>, {
     height: "basic" | "thick" | "thin";
     errors: string[] | Ref<string[], string[]>;
     staticHeight: boolean;