@nmorph/nmorph-ui-kit 2.2.37 → 2.2.39

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

@@ -1,34 +1,22 @@
-import { INmorphCommonInputProps } from '../../../types';
+import { INmorphTextareaProps, NmorphTextareaResizeType } from './types';
 import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-type NmorphTextareaResizeType = 'none' | 'both' | 'horizontal' | 'vertical';
-interface INmorphProps extends INmorphCommonInputProps {
-    placeholder?: string;
-    modelValue?: string;
-    rows?: number;
-    minRows?: number;
-    maxRows?: number;
-    resize?: NmorphTextareaResizeType;
-    autoSize?: boolean;
-    indentation?: string;
-    textareaAttrs?: Record<string, string | number | boolean | undefined>;
-}
-declare const _default: DefineComponent<INmorphProps, {
-    textareaDOMRef: Ref<HTMLElement, HTMLElement>;
+declare const _default: DefineComponent<INmorphTextareaProps, {
+    textareaDOMRef: Ref<HTMLTextAreaElement, HTMLTextAreaElement>;
     focus: () => void;
     blur: () => void;
     select: () => void;
     resizeToContent: () => Promise<void>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    "update:model-value": (val: string) => any;
     blur: () => any;
     focus: () => any;
     keydown: (event: KeyboardEvent) => any;
-    "update:model-value": (val: string) => any;
     "on-enter": () => any;
-}, string, PublicProps, Readonly<INmorphProps> & Readonly<{
+}, string, PublicProps, Readonly<INmorphTextareaProps> & Readonly<{
+    "onUpdate:model-value"?: (val: string) => any;
     onBlur?: () => any;
     onFocus?: () => any;
     onKeydown?: (event: KeyboardEvent) => any;
-    "onUpdate:model-value"?: (val: string) => any;
     "onOn-enter"?: () => any;
 }>, {
     height: "basic" | "thick" | "thin";

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

@@ -0,0 +1,20 @@
+import { INmorphCommonInputProps } from '../../../types';
+export type NmorphTextareaResizeType = 'none' | 'both' | 'horizontal' | 'vertical';
+export interface INmorphTextareaProps extends INmorphCommonInputProps {
+    placeholder?: string;
+    modelValue?: string;
+    rows?: number;
+    minRows?: number;
+    maxRows?: number;
+    resize?: NmorphTextareaResizeType;
+    autoSize?: boolean;
+    indentation?: string;
+    textareaAttrs?: Record<string, string | number | boolean | undefined>;
+}
+export interface INmorphTextareaEmit {
+    (e: 'update:model-value', val: string): void;
+    (e: 'focus'): void;
+    (e: 'blur'): void;
+    (e: 'on-enter'): void;
+    (e: 'keydown', event: KeyboardEvent): void;
+}

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

@@ -1,29 +1,15 @@
-import { INmorphCommonInputProps } from '../../../types';
-import { NmorphTimePickerModelValueType } from './types';
+import { INmorphTimePickerProps } from './types';
 import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-interface INmorphProps extends INmorphCommonInputProps {
-    modelValue?: NmorphTimePickerModelValueType;
-    placeholder?: string;
-    hourStep?: number;
-    minuteStep?: number;
-    secondStep?: number;
-    showSeconds?: boolean;
-    minTime?: string;
-    maxTime?: string;
-    clearable?: boolean;
-    zIndex?: number;
-    width?: number | string;
-}
-declare const _default: DefineComponent<INmorphProps, {
-    inputDOMRef: Ref<HTMLElement, HTMLElement>;
+declare const _default: DefineComponent<INmorphTimePickerProps, {
+    inputDOMRef: Ref<HTMLDivElement, HTMLDivElement>;
 }, {}, {}, {}, 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<INmorphTimePickerProps> & 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-time-picker/types.d.ts

@@ -1,6 +1,30 @@
+import { INmorphCommonInputProps } from '../../../types';
 export type NmorphTimePickerModelValueType = string | null;
 export interface INmorphTimePickerUnit {
     label: string;
     value: number;
     disabled: boolean;
 }
+export interface INmorphTimeParts {
+    hour: number;
+    minute: number;
+    second: number;
+}
+export interface INmorphTimePickerProps extends INmorphCommonInputProps {
+    modelValue?: NmorphTimePickerModelValueType;
+    placeholder?: string;
+    hourStep?: number;
+    minuteStep?: number;
+    secondStep?: number;
+    showSeconds?: boolean;
+    minTime?: string;
+    maxTime?: string;
+    clearable?: boolean;
+    zIndex?: number;
+    width?: number | string;
+}
+export interface INmorphTimePickerEmit {
+    (e: 'update:model-value', val: NmorphTimePickerModelValueType): void;
+    (e: 'focus'): void;
+    (e: 'blur'): void;
+}

package/dist/src/components/navigation/index.d.ts

@@ -6,6 +6,6 @@ export { default as NmorphContextMenu } from './nmorph-context-menu/NmorphContex
 export * from './nmorph-context-menu/types';
 export { default as NmorphDropdown } from './nmorph-dropdown/NmorphDropdown.vue';
 export { default as NmorphTabs } from './nmorph-tabs/NmorphTabs.vue';
-export * from './nmorph-tabs/type';
+export * from './nmorph-tabs/types';
 export * from './nmorph-tabs/utils';
 export { default as NmorphTabPane } from './nmorph-tabs/components/nmorph-tab-pane/NmorphTabPane.vue';

package/dist/src/components/navigation/nmorph-backtop/NmorphBacktop.vue.d.ts

@@ -1,17 +1,9 @@
-import { NmorphElementDesignType } from '../../../types';
+import { INmorphBacktopProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-interface INmorphProps {
-    right?: number;
-    bottom?: number;
-    visibilityHeight?: number;
-    design?: NmorphElementDesignType;
-    zIndex?: number;
-    teleportTo?: string;
-    teleportDisabled?: boolean;
-}
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+import { NmorphElementDesignType } from '../../../types';
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphBacktopProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     click: () => any;
-}, string, PublicProps, Readonly<INmorphProps> & Readonly<{
+}, string, PublicProps, Readonly<INmorphBacktopProps> & Readonly<{
     onClick?: () => any;
 }>, {
     right: number;

package/dist/src/components/navigation/nmorph-backtop/types.d.ts

@@ -0,0 +1,14 @@
+import { NmorphElementDesignType } from '../../../types';
+export interface INmorphBacktopProps {
+    right?: number;
+    bottom?: number;
+    visibilityHeight?: number;
+    design?: NmorphElementDesignType;
+    zIndex?: number;
+    teleportTo?: string;
+    teleportDisabled?: boolean;
+}
+export interface INmorphBacktopEmit {
+    (e: 'click'): void;
+}
+export type NmorphBacktopScrollContainer = HTMLElement | Window;

package/dist/src/components/navigation/nmorph-breadcrumb/NmorphBreadcrumb.vue.d.ts

@@ -1,8 +1,6 @@
+import { INmorphBreadcrumbProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-interface INmorphProps {
-    separator?: string;
-}
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphBreadcrumbProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphBreadcrumbProps> & Readonly<{}>, {
     separator: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>, {
     default?(_: {}): any;

package/dist/src/components/navigation/nmorph-breadcrumb/components/nmorph-breadcrumb-item/NmorphBreadcrumbItem.vue.d.ts

@@ -1,8 +1,6 @@
-import { INmorphBreadcrumbItemProps } from '../../../..';
+import { INmorphBreadcrumbItemComponentProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-interface INmorphProps extends INmorphBreadcrumbItemProps {
-}
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphBreadcrumbItemComponentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphBreadcrumbItemComponentProps> & Readonly<{}>, {
     replace: boolean;
     to: string | object;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {

package/dist/src/components/navigation/nmorph-breadcrumb/components/nmorph-breadcrumb-item/types.d.ts

@@ -0,0 +1,3 @@
+import { INmorphBreadcrumbItemProps } from '../../../..';
+export interface INmorphBreadcrumbItemComponentProps extends INmorphBreadcrumbItemProps {
+}

package/dist/src/components/navigation/nmorph-breadcrumb/types.d.ts

@@ -11,3 +11,6 @@ export interface NmorphBreadcrumbInjection {
     breadcrumbs: NmorphBreadcrumbsType;
     breadcrumbId: string;
 }
+export interface INmorphBreadcrumbProps {
+    separator?: string;
+}

package/dist/src/components/navigation/nmorph-context-menu/NmorphContextMenu.vue.d.ts

@@ -1,40 +1,19 @@
-import { NmorphPlacementType } from '../../../types';
-import { NmorphContextMenuOption } from './types';
+import { INmorphContextMenuProps, NmorphContextMenuOption, NmorphContextMenuTrigger } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-type NmorphContextMenuTrigger = 'contextmenu' | 'click' | 'both';
-interface INmorphProps {
-    modelValue?: boolean | null;
-    options?: NmorphContextMenuOption[];
-    trigger?: NmorphContextMenuTrigger;
-    placement?: NmorphPlacementType;
-    width?: number | string;
-    minWidth?: number | string;
-    maxWidth?: number | string;
-    xOffset?: number;
-    yOffset?: number;
-    fillWidth?: boolean;
-    zIndex?: number;
-    closeOnEscape?: boolean;
-    trapFocus?: boolean;
-    disabled?: boolean;
-    closeOnScroll?: boolean;
-    role?: string;
-    ariaLabel?: string;
-    hideShadow?: boolean;
-}
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
+import { NmorphPlacementType } from '../../../types';
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphContextMenuProps, {
     close: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-    close: () => any;
-    select: (option: NmorphContextMenuOption, index: number) => any;
     "update:model-value": (value: boolean) => any;
+    select: (option: NmorphContextMenuOption, index: number) => any;
+    close: () => any;
     "on-outside-click": () => any;
     "on-escape-keydown": () => any;
     open: (event: MouseEvent | KeyboardEvent) => any;
-}, string, PublicProps, Readonly<INmorphProps> & Readonly<{
-    onClose?: () => any;
-    onSelect?: (option: NmorphContextMenuOption, index: number) => any;
+}, string, PublicProps, Readonly<INmorphContextMenuProps> & Readonly<{
     "onUpdate:model-value"?: (value: boolean) => any;
+    onSelect?: (option: NmorphContextMenuOption, index: number) => any;
+    onClose?: () => any;
     "onOn-outside-click"?: () => any;
     "onOn-escape-keydown"?: () => any;
     onOpen?: (event: MouseEvent | KeyboardEvent) => any;
@@ -50,9 +29,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     ariaLabel: string;
     options: NmorphContextMenuOption[];
     placement: NmorphPlacementType;
-    maxWidth: string | number;
-    xOffset: number;
     yOffset: number;
+    xOffset: number;
+    maxWidth: string | number;
     fillWidth: boolean;
     hideShadow: boolean;
     trigger: NmorphContextMenuTrigger;

package/dist/src/components/navigation/nmorph-context-menu/types.d.ts

@@ -1,3 +1,4 @@
+import { NmorphPlacementType } from '../../../types';
 import { Component } from 'vue';
 export type NmorphContextMenuOptionPrimitive = string | number;
 export interface INmorphContextMenuOption {
@@ -10,3 +11,44 @@ export interface INmorphContextMenuOption {
     closeOnClick?: boolean;
 }
 export type NmorphContextMenuOption = NmorphContextMenuOptionPrimitive | INmorphContextMenuOption;
+export type NmorphContextMenuTrigger = 'contextmenu' | 'click' | 'both';
+export type NmorphContextMenuAnchorType = 'point' | 'element';
+export interface INmorphNormalizedContextMenuOption {
+    key: string;
+    label?: string | number;
+    value: unknown;
+    component?: Component;
+    componentProps?: Record<string, unknown>;
+    disabled: boolean;
+    color?: string;
+    closeOnClick: boolean;
+    raw: NmorphContextMenuOption;
+}
+export interface INmorphContextMenuProps {
+    modelValue?: boolean | null;
+    options?: NmorphContextMenuOption[];
+    trigger?: NmorphContextMenuTrigger;
+    placement?: NmorphPlacementType;
+    width?: number | string;
+    minWidth?: number | string;
+    maxWidth?: number | string;
+    xOffset?: number;
+    yOffset?: number;
+    fillWidth?: boolean;
+    zIndex?: number;
+    closeOnEscape?: boolean;
+    trapFocus?: boolean;
+    disabled?: boolean;
+    closeOnScroll?: boolean;
+    role?: string;
+    ariaLabel?: string;
+    hideShadow?: boolean;
+}
+export interface INmorphContextMenuEmit {
+    (e: 'update:model-value', value: boolean): void;
+    (e: 'open', event: MouseEvent | KeyboardEvent): void;
+    (e: 'close'): void;
+    (e: 'select', option: NmorphContextMenuOption, index: number): void;
+    (e: 'on-outside-click'): void;
+    (e: 'on-escape-keydown'): void;
+}

package/dist/src/components/navigation/nmorph-dropdown/NmorphDropdown.vue.d.ts

@@ -1,28 +1,10 @@
-import { NmorphDomElementType, NmorphPlacementType } from '../../../types';
+import { INmorphDropdownProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-interface INmorphProps {
-    open: boolean;
-    relativeElement: NmorphDomElementType;
-    placement?: NmorphPlacementType;
-    width?: number | string;
-    minWidth?: number | string;
-    maxWidth?: number | string;
-    xOffset?: number;
-    yOffset?: number;
-    fillWidth?: boolean;
-    zIndex?: number;
-    closeOnEscape?: boolean;
-    trapFocus?: boolean;
-    restoreFocus?: boolean;
-    role?: string;
-    ariaLabel?: string;
-    contentClass?: string;
-    hideShadow?: boolean;
-}
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+import { NmorphPlacementType } from '../../../types';
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphDropdownProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "on-outside-click": () => any;
     "on-escape-keydown": () => any;
-}, string, PublicProps, Readonly<INmorphProps> & Readonly<{
+}, string, PublicProps, Readonly<INmorphDropdownProps> & Readonly<{
     "onOn-outside-click"?: () => any;
     "onOn-escape-keydown"?: () => any;
 }>, {
@@ -36,9 +18,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     role: string;
     ariaLabel: string;
     placement: NmorphPlacementType;
-    maxWidth: string | number;
-    xOffset: number;
     yOffset: number;
+    xOffset: number;
+    maxWidth: string | number;
     fillWidth: boolean;
     hideShadow: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {

package/dist/src/components/navigation/nmorph-dropdown/types.d.ts

@@ -0,0 +1,24 @@
+import { NmorphDomElementType, NmorphPlacementType } from '../../../types';
+export interface INmorphDropdownProps {
+    open: boolean;
+    relativeElement: NmorphDomElementType;
+    placement?: NmorphPlacementType;
+    width?: number | string;
+    minWidth?: number | string;
+    maxWidth?: number | string;
+    xOffset?: number;
+    yOffset?: number;
+    fillWidth?: boolean;
+    zIndex?: number;
+    closeOnEscape?: boolean;
+    trapFocus?: boolean;
+    restoreFocus?: boolean;
+    role?: string;
+    ariaLabel?: string;
+    contentClass?: string;
+    hideShadow?: boolean;
+}
+export interface INmorphDropdownEmit {
+    (e: 'on-outside-click'): void;
+    (e: 'on-escape-keydown'): void;
+}

package/dist/src/components/navigation/nmorph-tabs/NmorphTabs.vue.d.ts

@@ -1,14 +1,10 @@
-import { INmorphTabPaneProps, NmorphTableModelType } from '../..';
+import { INmorphTabPaneProps, INmorphTabsProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-interface INmorphProps {
-    modelValue?: NmorphTableModelType;
-    stretch?: boolean;
-    panes?: Array<INmorphTabPaneProps>;
-}
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+import { NmorphTableModelType } from '../..';
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphTabsProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:model-value": (value: NmorphTableModelType) => any;
     "tab-change": (value: NmorphTableModelType) => any;
-}, string, PublicProps, Readonly<INmorphProps> & Readonly<{
+}, string, PublicProps, Readonly<INmorphTabsProps> & Readonly<{
     "onUpdate:model-value"?: (value: NmorphTableModelType) => any;
     "onTab-change"?: (value: NmorphTableModelType) => any;
 }>, {

package/dist/src/components/navigation/nmorph-tabs/components/nmorph-tab-pane/NmorphTabPane.vue.d.ts

@@ -1,10 +1,9 @@
-import { INmorphTabPaneProps } from '../../../..';
+import { INmorphTabPaneProps } from '../../types';
+import { INmorphTabPaneComponentProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-interface INmorphProps extends INmorphTabPaneProps {
-}
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
-    disabled: boolean;
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphTabPaneComponentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphTabPaneComponentProps> & Readonly<{}>, {
     label: string;
+    disabled: boolean;
     content: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     label?(_: {

package/dist/src/components/navigation/nmorph-tabs/components/nmorph-tab-pane/types.d.ts

@@ -0,0 +1,3 @@
+import { INmorphTabPaneProps } from '../../types';
+export interface INmorphTabPaneComponentProps extends INmorphTabPaneProps {
+}

package/dist/src/components/navigation/nmorph-tabs/{type.d.ts → types.d.ts}

@@ -10,3 +10,12 @@ export interface INmorphTabsDataProvider {
     tabsData: Ref<INmorphTabPaneProps[]>;
     tabsIdentifier: string;
 }
+export interface INmorphTabsProps {
+    modelValue?: NmorphTableModelType;
+    stretch?: boolean;
+    panes?: Array<INmorphTabPaneProps>;
+}
+export interface INmorphTabsEmit {
+    (e: 'update:model-value', value: NmorphTableModelType): void;
+    (e: 'tab-change', value: NmorphTableModelType): void;
+}

package/dist/src/components/navigation/nmorph-tabs/utils.d.ts

@@ -1,3 +1,3 @@
-import { NmorphTableModelType } from './type';
+import { NmorphTableModelType } from './types';
 export declare const getTabLabelId: (tabsIdentifier: string | undefined, name: NmorphTableModelType) => string;
 export declare const getTabContentId: (tabsIdentifier: string | undefined, name: NmorphTableModelType) => string;

package/dist/src/components/others/nmorph-divider/NmorphDivider.vue.d.ts

@@ -1,9 +1,6 @@
-import { NmorphDirectionType } from '../..';
+import { INmorphDividerProps, NmorphDirectionType } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-interface INmorphProps {
-    direction?: NmorphDirectionType;
-}
-declare const _default: DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
+declare const _default: DefineComponent<INmorphDividerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphDividerProps> & Readonly<{}>, {
     direction: NmorphDirectionType;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/dist/src/components/others/nmorph-divider/types.d.ts

@@ -1 +1,4 @@
 export type NmorphDirectionType = 'vertical' | 'horizontal';
+export interface INmorphDividerProps {
+    direction?: NmorphDirectionType;
+}

package/dist/src/components/others/nmorph-overlay/NmorphOverlay.vue.d.ts

@@ -1,18 +1,9 @@
+import { INmorphOverlayProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-interface INmorphProps {
-    show: boolean;
-    transparent?: boolean;
-    zIndex?: number;
-    teleportTo?: string | HTMLElement;
-    disabledTeleport?: boolean;
-    closeOnEscape?: boolean;
-    trapFocus?: boolean;
-    restoreFocus?: boolean;
-}
-declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphOverlayProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "on-outside-click": () => any;
     "on-escape-keydown": () => any;
-}, string, PublicProps, Readonly<INmorphProps> & Readonly<{
+}, string, PublicProps, Readonly<INmorphOverlayProps> & Readonly<{
     "onOn-outside-click"?: () => any;
     "onOn-escape-keydown"?: () => any;
 }>, {

package/dist/src/components/others/nmorph-overlay/types.d.ts

@@ -0,0 +1,14 @@
+export interface INmorphOverlayProps {
+    show: boolean;
+    transparent?: boolean;
+    zIndex?: number;
+    teleportTo?: string | HTMLElement;
+    disabledTeleport?: boolean;
+    closeOnEscape?: boolean;
+    trapFocus?: boolean;
+    restoreFocus?: boolean;
+}
+export interface INmorphOverlayEmit {
+    (e: 'on-outside-click'): void;
+    (e: 'on-escape-keydown'): void;
+}

package/dist/src/components/providers/nmorph-notification-provider/NmorphNotificationProvider.vue.d.ts

@@ -1,12 +1,6 @@
-import { INmorphNotification, TNmorphNotificationPlacement } from '..';
+import { INmorphNotificationProviderProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-interface INmorphProps {
-    notifications: INmorphNotification[];
-    placement?: TNmorphNotificationPlacement;
-    zIndex?: number;
-    quantity?: number;
-}
-declare const _default: DefineComponent<INmorphProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphProps> & Readonly<{}>, {
+declare const _default: DefineComponent<INmorphNotificationProviderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphNotificationProviderProps> & Readonly<{}>, {
     zIndex: number;
     placement: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-center" | "bottom-center";
     quantity: number;

package/dist/src/components/providers/nmorph-notification-provider/types.d.ts

@@ -14,3 +14,12 @@ export declare enum NmorphNotificationPlacement {
     'bottom-right' = "bottom-right"
 }
 export type TNmorphNotificationPlacement = keyof typeof NmorphNotificationPlacement;
+export type TNmorphNotificationItem = INmorphNotification & {
+    id: string;
+};
+export interface INmorphNotificationProviderProps {
+    notifications: INmorphNotification[];
+    placement?: TNmorphNotificationPlacement;
+    zIndex?: number;
+    quantity?: number;
+}

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-focusable-input.d.ts

@@ -0,0 +1,16 @@
+import { Ref } from 'vue';
+interface INmorphFocusableInputOptions {
+    onFocus?: () => void;
+    onBlur?: () => void;
+}
+interface INmorphFocusableInputReturn<TElement extends HTMLElement = HTMLElement> {
+    elementRef: Ref<TElement | null>;
+    focused: Ref<boolean>;
+    handleFocus: () => void;
+    handleBlur: () => void;
+    focus: () => void;
+    blur: () => void;
+    select: () => void;
+}
+export declare const useFocusableInput: <TElement extends HTMLElement = HTMLElement>(options?: INmorphFocusableInputOptions) => INmorphFocusableInputReturn<TElement>;
+export {};

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

@@ -1,12 +1,16 @@
 import { Ref } from 'vue';
+import { useFieldValidation, NmorphValidationInputValueType } from './use-field-validation';
 import { NmorphFormValueType } from '../components/form/nmorph-form/types';
 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/plugin.d.ts

@@ -3,7 +3,10 @@ export { default as ru } from './locales/ru.js';
 export { default as zh } from './locales/zh.js';
 export { default as en } from './locales/en.js';
 export { nmorphLog } from './outside-utils';
-export { useNmorphTheme, useNmorphBrowser, useNmorphNotification, useNmorph } from './outside-hooks';
+export { useNmorphBrowser } from './outside-hooks/use-nmorph-browser';
+export { useNmorph } from './outside-hooks/use-nmorph';
+export { useNmorphNotification } from './outside-hooks/use-nmorph-notification';
+export { useNmorphTheme } from './outside-hooks/use-nmorph-theme';
 export { getNmorphThemeStyles } from './outside-hooks/use-nmorph-theme';
 export { getCommonStyles } from './hooks/use-common-styles';
 export * from './types/index.ts';