@nmorph/nmorph-ui-kit 2.2.36 → 2.2.37

package/dist/package.json.js

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

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

@@ -26,7 +26,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphProps, {
     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/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-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-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-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

@@ -12,7 +12,7 @@ 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";

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

@@ -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;

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-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

@@ -14,7 +14,7 @@ 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";

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-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;