@nmorph/nmorph-ui-kit 2.2.36 → 2.2.38

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const a = "2.2.36", e = {
+const a = "2.2.38", e = {
   version: a
 };
 export {

package/dist/src/components/basic/nmorph-button/NmorphButton.vue.d.ts

@@ -17,16 +17,16 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     buttonDOMElement: Ref<HTMLElement, HTMLElement>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
     fill: boolean;
+    type: "submit" | "reset" | "button";
     styleType: "default" | "transparent";
     color: string;
     loading: boolean;
     ripple: boolean;
-    type: "submit" | "reset" | "button";
     text: string | number;
     accentBgOnHover: boolean;
     shape: "default" | "square" | "round" | "circle";
     tabindex: number;
-    height: "thick" | "basic" | "thin";
+    height: "basic" | "thick" | "thin";
     disabled: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {
     buttonDOMElement: HTMLButtonElement;

package/dist/src/components/basic/nmorph-link/NmorphLink.vue.d.ts

@@ -12,8 +12,8 @@ interface INmorphProps {
     iconName?: string;
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
-    color: string;
     type: "error" | "accent" | "success" | "warning";
+    color: string;
     text: string;
     disabled: boolean;
     target: "self" | "blank" | "parent" | "top";

package/dist/src/components/data/nmorph-avatar/NmorphAvatar.vue.d.ts

@@ -22,9 +22,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     onError?: (event: Event) => any;
     onLoad?: (event: Event) => any;
 }>, {
+    name: string;
     size: number;
     shape: "square" | "circle";
-    name: string;
     src: string | string[];
     frameBorder: number;
     imagePadding: number;

package/dist/src/components/data/nmorph-badge/NmorphBadge.vue.d.ts

@@ -31,9 +31,9 @@ type NmorphBadgeValueSlotProps = {
 };
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
     size: NmorphBadgeSize;
+    type: NmorphBadgeType;
     value: string | number;
     color: string;
-    type: NmorphBadgeType;
     disabled: boolean;
     hidden: boolean;
     zIndex: number;

package/dist/src/components/data/nmorph-collapse/components/nmorph-collapse-item/NmorphCollapseItem.vue.d.ts

@@ -18,7 +18,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     }) => any;
 }>, {
     block: boolean;
-    height: "thick" | "basic" | "thin";
+    height: "basic" | "thick" | "thin";
     disabled: boolean;
     title: string;
     transitionSpeed: string | number;

package/dist/src/components/data/nmorph-empty/NmorphEmpty.vue.d.ts

@@ -15,9 +15,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     minHeight: string | number;
     design: NmorphElementDesignType;
     shadowType: "inset" | "outset" | "combined" | "not-defined";
+    padding: string | number;
     description: string;
     iconSize: string | number;
-    padding: string | number;
     hideIcon: boolean;
     role: string;
     ariaLabel: string;

package/dist/src/components/data/nmorph-pagination/NmorphPagination.vue.d.ts

@@ -15,7 +15,7 @@ declare const _default: DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentO
 }, string, PublicProps, Readonly<INmorphProps> & Readonly<{
     "onUpdate:model-value"?: (currentPage: number) => any;
 }>, {
-    height: "thick" | "basic" | "thin";
+    height: "basic" | "thick" | "thin";
     disabled: boolean;
     modelValue: number;
     elementsQuantityOnPage: number;

package/dist/src/components/data/nmorph-progress/NmorphProgress.vue.d.ts

@@ -13,8 +13,8 @@ interface INmorphProps {
     indeterminateAnimation?: string;
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
-    color: NmorphProgressColorType;
     type: NmorphProgressType;
+    color: NmorphProgressColorType;
     height: string | number;
     valueInside: boolean;
     valueRightSide: boolean;

package/dist/src/components/data/nmorph-table/NmorphTable.vue.d.ts

@@ -16,8 +16,8 @@ interface INmorphProps {
     rowHoverBackground?: string;
 }
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
-    sort: NmorphTableSortType;
     data: NmorphTableDataType;
+    sort: NmorphTableSortType;
     cellHeight: string | number;
     bordered: boolean;
     design: "nmorph" | "common";

package/dist/src/components/data/nmorph-tag-list/components/nmorph-tag-item/NmorphTagItem.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentO
 }, string, PublicProps, Readonly<INmorphProps> & Readonly<{
     onClose?: (val: string) => any;
 }>, {
-    height: "thick" | "basic" | "thin";
+    height: "basic" | "thick" | "thin";
     design: NmorphElementDesignType;
     removable: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;

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

@@ -13,8 +13,8 @@ interface INmorphProps {
     contentFontSize?: number | string;
 }
 declare const _default: DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
-    color: string;
     type: NmorphCalloutType;
+    color: string;
     title: string;
     padding: string | number;
     borderRadius: string | number;

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

@@ -6,6 +6,9 @@ interface INmorphProps {
     maxHeight?: string;
     openDelay?: number;
     closeDelay?: number;
+    /**
+     * @deprecated Use `closeOnOverlay` instead.
+     */
     closeOnClickModal?: boolean;
     showClose?: boolean;
     zIndex?: number;
@@ -30,10 +33,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     closeOnClickModal: boolean;
     showClose: boolean;
     closeOnOverlay: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
-    header?(_: {}): any;
-    default?(_: {}): any;
-}>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, any>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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

@@ -21,7 +21,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     onSelect?: (value: unknown) => any;
     "onUpdate:model-value"?: (value: string) => any;
 }>, {
-    height: "thick" | "basic" | "thin";
+    height: "basic" | "thick" | "thin";
     disabled: boolean;
     placeholder: string;
     modelValue: string;

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

@@ -1,7 +1,7 @@
 import { INmorphCheckboxOption, INmorphCommonInputProps, NmorphCheckboxDesignType, NmorphComponentDirection, NmorphSelectionControlHeightType } from '../../../types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 interface INmorphProps extends Omit<INmorphCommonInputProps, 'height'> {
-    modelValue: string[];
+    modelValue?: string[];
     options?: INmorphCheckboxOption[];
     design?: NmorphCheckboxDesignType;
     direction?: keyof typeof NmorphComponentDirection;
@@ -12,13 +12,13 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
 }, string, PublicProps, Readonly<INmorphProps> & Readonly<{
     "onUpdate:model-value"?: (val: string[]) => any;
 }>, {
-    height: "thick" | "basic" | "thin" | "extra-thin";
+    height: "basic" | "thick" | "thin" | "extra-thin";
     disabled: boolean;
     modelValue: string[];
     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-color-picker/NmorphColorPicker.vue.d.ts

@@ -16,7 +16,7 @@ declare const _default: DefineComponent<INmorphProps, {
     onFocus?: () => any;
     "onUpdate:model-value"?: (val: string) => any;
 }>, {
-    height: "thick" | "basic" | "thin";
+    height: "basic" | "thick" | "thin";
     disabled: boolean;
     modelValue: string;
     showValue: boolean;

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

@@ -3,7 +3,7 @@ import { NmorphDateFormatterType, NmorphSelectedDateModelType } from '../..';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 interface INmorphProps extends INmorphCommonInputProps {
     placeholder?: string;
-    modelValue: NmorphSelectedDateModelType;
+    modelValue?: NmorphSelectedDateModelType;
     type?: keyof typeof NmorphSelectionDateType;
     textSeparator?: string;
     initialDate?: Date;
@@ -23,7 +23,7 @@ declare const _default: DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentO
     "onUpdate:model-value"?: (modelValue: NmorphSelectedDateModelType) => any;
 }>, {
     type: "date" | "dates" | "daterange";
-    height: "thick" | "basic" | "thin";
+    height: "basic" | "thick" | "thin";
     disabled: boolean;
     width: string | number;
     placeholder: string;
@@ -38,7 +38,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-file-upload/NmorphFileUpload.vue.d.ts

@@ -1,6 +1,7 @@
-import { INmorphCustomFileData, NmorphResolutionType } from '../..';
+import { INmorphCustomFileData, INmorphFileUploadValidationError, NmorphResolutionType } from '../..';
+import { INmorphCommonInputProps } from '../../../types';
 import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-interface INmorphProps {
+interface INmorphProps extends Pick<INmorphCommonInputProps, 'id' | 'name' | 'autocomplete' | 'tabindex'> {
     modelValue?: INmorphCustomFileData[];
     disabled?: boolean;
     multiple?: boolean;
@@ -13,14 +14,16 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:model-value": (val: INmorphCustomFileData[]) => any;
     "on-unsupported-file-type-error": (val: string) => any;
+    "on-file-validation-error": (val: INmorphFileUploadValidationError) => any;
 }, string, PublicProps, Readonly<INmorphProps> & Readonly<{
     "onUpdate:model-value"?: (val: INmorphCustomFileData[]) => any;
     "onOn-unsupported-file-type-error"?: (val: string) => any;
+    "onOn-file-validation-error"?: (val: INmorphFileUploadValidationError) => any;
 }>, {
+    allowedTypes: string[];
     disabled: boolean;
     modelValue: INmorphCustomFileData[];
     multiple: boolean;
-    allowedTypes: string[];
     photoWithPreview: boolean;
     buttonText: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {

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

@@ -59,3 +59,7 @@ export interface INmorphCustomFileData {
     data: File;
     previewUrl: string;
 }
+export interface INmorphFileUploadValidationError {
+    file: File;
+    errors: string[];
+}

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

@@ -12,7 +12,7 @@ interface INmorphProps {
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
     name: string;
     autocomplete: string;
-    height: "thick" | "basic" | "thin";
+    height: "basic" | "thick" | "thin";
     label: string;
     showValidationIcon: boolean;
     staticErrorBoxSpace: boolean;

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

@@ -6,7 +6,7 @@ interface INmorphProps {
     staticHeight?: boolean;
 }
 declare const _default: DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
-    height: "thick" | "basic" | "thin";
+    height: "basic" | "thick" | "thin";
     errors: string[] | Ref<string[], string[]>;
     staticHeight: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;

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

@@ -1,13 +1,23 @@
 import { INmorphUseFormValidation, NmorphRulesType } from '../../../hooks';
-import { Ref } from 'vue';
-export type NmorphAvailableFormValueType = string | string[] | number | number[] | boolean | boolean[] | Date | Date[];
-export type NmorphFormValueType = Record<string, {
-    value: NmorphAvailableFormValueType;
+import { INmorphCustomFileData } from '../nmorph-file-upload/types';
+import { ComputedRef, Ref } from 'vue';
+export type NmorphFileFormValueType = File | File[] | INmorphCustomFileData[];
+export type NmorphAvailableFormValueType<TCustomValue = never> = string | string[] | number | number[] | boolean | boolean[] | Date | Date[] | null | NmorphFileFormValueType | TCustomValue;
+export type NmorphFormFieldType<TValue = NmorphAvailableFormValueType> = {
+    value: TValue;
     rules: NmorphRulesType;
-}>;
+};
+export type NmorphFormValueType<TValue = NmorphAvailableFormValueType> = Record<string, NmorphFormFieldType<TValue>>;
 export type NmorphFormValidationDataType = INmorphUseFormValidation;
 export interface NmorphFormItemInputDataType {
     id: Ref<string>;
     name: Ref<string>;
     autocomplete: Ref<string | undefined>;
+    value: ComputedRef<NmorphAvailableFormValueType | undefined>;
+    rules: ComputedRef<NmorphRulesType>;
+    errors: ComputedRef<string[]>;
+    valid: ComputedRef<boolean>;
+    touched: ComputedRef<boolean>;
+    updateValue: (value: NmorphAvailableFormValueType) => void;
+    validate: (value?: NmorphAvailableFormValueType) => void;
 }

package/dist/src/components/form/nmorph-form/use-form-item-input.d.ts

@@ -1,4 +1,5 @@
 import { INmorphCommonInputProps } from '../../../types';
+import { NmorphAvailableFormValueType, NmorphFormItemInputDataType } from './types';
 import { ComputedRef } from 'vue';
 export declare const nmorphFormItemInputDataKey = "nmorph-form-item-input-data";
 export declare const useFormItemInput: (props: Pick<INmorphCommonInputProps, 'id' | 'name' | 'tabindex' | 'autocomplete'>) => {
@@ -7,3 +8,12 @@ export declare const useFormItemInput: (props: Pick<INmorphCommonInputProps, 'id
     autocomplete: ComputedRef<string>;
     tabindex: ComputedRef<number>;
 };
+export declare const useFormItemModel: <T extends NmorphAvailableFormValueType>(props: {
+    modelValue?: T;
+}, emitUpdate: (value: T) => void, fallbackValue: T) => {
+    formItemInputData: NmorphFormItemInputDataType;
+    modelValue: ComputedRef<T>;
+    modelValueIsControlled: ComputedRef<any>;
+    updateModelValue: (value: T) => void;
+    validateModelValue: (value?: T) => void;
+};

package/dist/src/components/form/nmorph-number-input/NmorphNumberInput.vue.d.ts

@@ -14,7 +14,7 @@ declare const _default: DefineComponent<INmorphProps, {
 }, string, PublicProps, Readonly<INmorphProps> & Readonly<{
     "onUpdate:model-value"?: (val: number) => any;
 }>, {
-    height: "thick" | "basic" | "thin";
+    height: "basic" | "thick" | "thin";
     disabled: boolean;
     modelValue: number;
     max: number;

package/dist/src/components/form/nmorph-otp-input/NmorphOTPInput.vue.d.ts

@@ -24,7 +24,7 @@ declare const _default: DefineComponent<INmorphProps, {
     onComplete?: (val: string) => any;
 }>, {
     length: number;
-    height: "thick" | "basic" | "thin";
+    height: "basic" | "thick" | "thin";
     disabled: boolean;
     modelValue: string;
     mode: NmorphOtpInputMode;

package/dist/src/components/form/nmorph-radio-group/NmorphRadioGroup.vue.d.ts

@@ -2,7 +2,7 @@ import { INmorphCommonInputProps, INmorphRadioOption, NmorphComponentDirection,
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type NmorphListRadioOptionElementType = Omit<INmorphRadioOption, 'checked'>;
 interface INmorphProps extends Omit<INmorphCommonInputProps, 'height'> {
-    modelValue: string;
+    modelValue?: string;
     options?: NmorphListRadioOptionElementType[];
     styleType?: keyof typeof NmorphRadioStyleType;
     direction?: keyof typeof NmorphComponentDirection;
@@ -14,12 +14,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     "onUpdate:model-value"?: (val: string) => any;
 }>, {
     styleType: "button" | "radio-style";
-    height: "thick" | "basic" | "thin" | "extra-thin";
+    height: "basic" | "thick" | "thin" | "extra-thin";
     disabled: boolean;
     modelValue: string;
     direction: "row" | "column";
     options: NmorphListRadioOptionElementType[];
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, {
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>, {
     default?(_: {}): any;
 }>;
 export default _default;

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

@@ -26,7 +26,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
 }>, {
     fill: boolean;
     loading: boolean;
-    height: "thick" | "basic" | "thin";
+    height: "basic" | "thick" | "thin";
     disabled: boolean;
     width: string | number;
     modelValue: NmorphSelectModelValueType;

package/dist/src/components/form/nmorph-select-button/NmorphSelectButton.vue.d.ts

@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     "onUpdate:model-value"?: (val: string) => any;
 }>, {
     fill: boolean;
-    height: "thick" | "basic" | "thin";
+    height: "basic" | "thick" | "thin";
     disabled: boolean;
     modelValue: string;
     options: INmorphSelectButtonOption[];

package/dist/src/components/form/nmorph-text-input/NmorphTextInput.vue.d.ts

@@ -26,7 +26,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     "onUpdate:model-value"?: (val: string) => any;
     "onOn-enter"?: () => any;
 }>, {
-    height: "thick" | "basic" | "thin";
+    height: "basic" | "thick" | "thin";
     disabled: boolean;
     placeholder: string;
     modelValue: string;

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

@@ -31,7 +31,7 @@ declare const _default: DefineComponent<INmorphProps, {
     "onUpdate:model-value"?: (val: string) => any;
     "onOn-enter"?: () => any;
 }>, {
-    height: "thick" | "basic" | "thin";
+    height: "basic" | "thick" | "thin";
     disabled: boolean;
     resize: NmorphTextareaResizeType;
     placeholder: string;

package/dist/src/components/form/nmorph-time-picker/NmorphTimePicker.vue.d.ts

@@ -25,7 +25,7 @@ declare const _default: DefineComponent<INmorphProps, {
     onFocus?: () => any;
     "onUpdate:model-value"?: (val: string) => any;
 }>, {
-    height: "thick" | "basic" | "thin";
+    height: "basic" | "thick" | "thin";
     disabled: boolean;
     width: string | number;
     placeholder: string;

package/dist/src/hooks/use-field-validation.d.ts

@@ -1,4 +1,5 @@
 import { NmorphAvailableFormValueType } from '../components/form/nmorph-form/types';
+import { NmorphResolutionType } from '../components/form/nmorph-file-upload/types';
 import { Ref } from 'vue';
 export declare const enum NmorphArrayValidationOperator {
     'contains-one' = "contains-one",
@@ -22,6 +23,12 @@ export interface INmorphRule {
     booleanCompareType?: keyof typeof NmorphBooleanCompareOperator;
     arrayCompareType?: keyof typeof NmorphArrayValidationOperator;
     compareValue?: boolean | number | string | string[];
+    maxFileSize?: number;
+    fileMaxSize?: number;
+    allowedTypes?: Array<NmorphResolutionType | string>;
+    fileAllowedTypes?: Array<NmorphResolutionType | string>;
+    maxFiles?: number;
+    fileMaxCount?: number;
     error: string;
 }
 export type NmorphValidationInputValueType = NmorphAvailableFormValueType | null;
@@ -45,6 +52,14 @@ export interface INmorphCheckboxGroupValidationRule extends INmorphRule {
     arrayCompareType: keyof typeof NmorphArrayValidationOperator;
     compareValue: string[];
 }
+export interface INmorphFileValidationRule extends INmorphRule {
+    maxFileSize?: number;
+    fileMaxSize?: number;
+    allowedTypes?: Array<NmorphResolutionType | string>;
+    fileAllowedTypes?: Array<NmorphResolutionType | string>;
+    maxFiles?: number;
+    fileMaxCount?: number;
+}
 export declare const useFieldValidation: (data: INmorphUseValidationPayload) => {
     touched: Ref<boolean, boolean>;
     valid: Ref<boolean, boolean>;

package/dist/src/hooks/use-form-validation.d.ts

@@ -1,12 +1,17 @@
 import { Ref } from 'vue';
+import { useFieldValidation } from '.';
 import { NmorphFormValueType } from '../components/form/nmorph-form/types';
+import { NmorphValidationInputValueType } from './use-field-validation';
 export interface INmorphUseFormValidation {
+    formValue: NmorphFormValueType;
     fields: Record<string, {
         touched: Ref<boolean>;
         valid: Ref<boolean>;
         errors: Ref<string[]>;
         validate: () => void;
     }>;
+    updateFieldValue: (fieldName: string, value: NmorphValidationInputValueType) => void;
+    validateField: (fieldName: string, inputValue?: NmorphValidationInputValueType) => ReturnType<typeof useFieldValidation> | undefined;
     isFormValid: Ref<boolean>;
     isAnyTouched: Ref<boolean>;
 }

package/dist/src/hooks/use-virtual-list.d.ts

@@ -7,12 +7,18 @@ interface INmorphVirtualListOptions {
 }
 export declare const useVirtualList: <T>(items: Readonly<Ref<T[], T[]>>, options: INmorphVirtualListOptions) => {
     containerRef: Ref<HTMLElement, HTMLElement>;
+    contentStyle: ComputedRef<{
+        transform: string;
+    }>;
     endIndex: ComputedRef<number>;
     offsetTop: ComputedRef<number>;
     refresh: () => void;
     measureElement: (index: number, element?: Element | null) => void;
     scrollHandler: () => void;
     scrollToIndex: (index: number) => void;
+    spacerStyle: ComputedRef<{
+        height: string;
+    }>;
     startIndex: ComputedRef<number>;
     totalHeight: ComputedRef<number>;
     viewportHeight: Ref<number, number>;

package/dist/src/types/index.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import { CSSProperties, Ref } from 'vue';
 import { I18n } from 'vue-i18n';
 import { NmorphFormValidationDataType } from '../components';
 import { useNmorphBrowser, useNmorphTheme, useNmorphZIndex } from '../outside-hooks';
@@ -166,6 +166,7 @@ export interface INmorphDimensions {
     width: number;
     height: number;
 }
+export type NmorphCSSProperties = CSSProperties & Record<`--${string}`, string | number | undefined>;
 export interface INmorphImage {
     src?: string;
     srcSet?: string;

package/dist/src/utils/common.d.ts

@@ -1,3 +1,8 @@
 export declare const capitalizeFirstChar: (str: string) => string;
 export declare const deepClone: <T>(obj: T) => T;
+export declare const toCssSize: (value?: number | string) => string;
+type NmorphOptionHeightType = 'basic' | 'thick' | 'thin';
+export declare const getNmorphOptionHeight: (height?: NmorphOptionHeightType) => number;
+export declare const resolveDomElement: (element: unknown) => Element | null;
 export declare const generateUUID: () => string;
+export {};

package/dist/src/utils/create-modifiers.d.ts

@@ -1,4 +1,6 @@
-export declare const createBlockModifiers: (block: string, modifiers: string[]) => string;
+export type NmorphModifierValue = string | number | false | null | undefined;
+export type NmorphModifierInput = NmorphModifierValue[] | Record<string, boolean | null | undefined>;
+export declare const createBlockModifiers: (block: string, modifiers: NmorphModifierInput) => string;
 export declare const useModifiers: (data: {
-    [key: string]: string[];
+    [key: string]: NmorphModifierInput;
 }) => string;