@nmorph/nmorph-ui-kit 3.0.15 → 3.0.17

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

@@ -16,9 +16,9 @@ declare const _default: DefineComponent<INmorphOTPInputProps, {
     onComplete?: (val: string) => any;
 }>, {
     length: number;
+    disabled: boolean;
     modelValue: string;
     thickness: "basic" | "thick" | "thin";
-    disabled: boolean;
     mode: NmorphOtpInputMode;
     autofocus: boolean;
     autocapitalize: string;

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

@@ -8,17 +8,17 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_Props, {}
     "onUpdate:model-value"?: (val: string | NmorphSelectMultipleModelValueType) => any;
 }>, {
     fill: boolean;
+    open: boolean;
+    multiple: boolean;
+    disabled: boolean;
     loading: boolean;
     modelValue: string | NmorphSelectMultipleModelValueType;
     thickness: "basic" | "thick" | "thin";
-    disabled: boolean;
     width: string | number;
     zIndex: number;
-    open: boolean;
     virtual: boolean;
     virtualOverscan: number;
     virtualDynamicHeight: boolean;
-    multiple: boolean;
     options: INmorphSelectOption[];
     virtualItemHeight: number;
     virtualMaxHeight: string | number;

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

@@ -7,9 +7,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphSelectBu
     "onUpdate:model-value"?: (val: string) => any;
 }>, {
     fill: boolean;
+    disabled: boolean;
     modelValue: string;
     thickness: "basic" | "thick" | "thin";
-    disabled: boolean;
     options: INmorphSelectButtonOption[];
     customThickness: string | number;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>, {

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

@@ -3,8 +3,8 @@ import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ComponentProv
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphSelectButtonItemProps, {
     inputDOMRef: Ref<HTMLElement, HTMLElement>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphSelectButtonItemProps> & Readonly<{}>, {
-    tabindex: number;
     disabled: boolean;
+    tabindex: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
     inputDOMRef: HTMLInputElement;
 }, HTMLLabelElement>, {

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

@@ -9,8 +9,8 @@ declare const _default: DefineComponent<INmorphSliderProps, {}, {}, {}, {}, Comp
     "onUpdate:model-value"?: (val: number) => any;
 }>, {
     fill: boolean;
-    modelValue: number;
     disabled: boolean;
+    modelValue: number;
     min: number;
     max: number;
     step: number;
@@ -25,6 +25,8 @@ declare const _default: DefineComponent<INmorphSliderProps, {}, {}, {}, {}, Comp
         $data: {};
         $props: Partial<{
             text: string;
+            position: NmorphPlacementType;
+            touch: NmorphTooltipTouchBehavior;
             disabled: boolean;
             width: string | number;
             height: string | number;
@@ -32,8 +34,6 @@ declare const _default: DefineComponent<INmorphSliderProps, {}, {}, {}, {}, Comp
             contentClass: any;
             teleportTo: string | HTMLElement;
             disabledTeleport: boolean;
-            position: NmorphPlacementType;
-            touch: NmorphTooltipTouchBehavior;
             maxWidth: string | number;
             openDelay: number;
             closeDelay: number;
@@ -59,7 +59,7 @@ declare const _default: DefineComponent<INmorphSliderProps, {}, {}, {}, {}, Comp
             readonly height?: string | number;
             readonly contentClass?: ClassValue;
             readonly hideTriangle?: boolean;
-        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "text" | "disabled" | "width" | "height" | "zIndex" | "contentClass" | "teleportTo" | "disabledTeleport" | "position" | "touch" | "maxWidth" | "openDelay" | "closeDelay" | "forceShow" | "forceCoordinate" | "trigger" | "hideTriangle">;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "text" | "position" | "touch" | "disabled" | "width" | "height" | "zIndex" | "contentClass" | "teleportTo" | "disabledTeleport" | "maxWidth" | "openDelay" | "closeDelay" | "forceShow" | "forceCoordinate" | "trigger" | "hideTriangle">;
         $attrs: Attrs;
         $refs: {
             [x: string]: unknown;
@@ -83,6 +83,8 @@ declare const _default: DefineComponent<INmorphSliderProps, {}, {}, {}, {}, Comp
             toggle: () => void;
         }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
             text: string;
+            position: NmorphPlacementType;
+            touch: NmorphTooltipTouchBehavior;
             disabled: boolean;
             width: string | number;
             height: string | number;
@@ -90,8 +92,6 @@ declare const _default: DefineComponent<INmorphSliderProps, {}, {}, {}, {}, Comp
             contentClass: any;
             teleportTo: string | HTMLElement;
             disabledTeleport: boolean;
-            position: NmorphPlacementType;
-            touch: NmorphTooltipTouchBehavior;
             maxWidth: string | number;
             openDelay: number;
             closeDelay: number;
@@ -121,6 +121,8 @@ declare const _default: DefineComponent<INmorphSliderProps, {}, {}, {}, {}, Comp
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: OnCleanup) => any : (args_0: any, args_1: any, args_2: OnCleanup) => any, options?: WatchOptions<boolean>): WatchStopHandle;
     } & Readonly<{
         text: string;
+        position: NmorphPlacementType;
+        touch: NmorphTooltipTouchBehavior;
         disabled: boolean;
         width: string | number;
         height: string | number;
@@ -128,8 +130,6 @@ declare const _default: DefineComponent<INmorphSliderProps, {}, {}, {}, {}, Comp
         contentClass: any;
         teleportTo: string | HTMLElement;
         disabledTeleport: boolean;
-        position: NmorphPlacementType;
-        touch: NmorphTooltipTouchBehavior;
         maxWidth: string | number;
         openDelay: number;
         closeDelay: number;
@@ -137,7 +137,7 @@ declare const _default: DefineComponent<INmorphSliderProps, {}, {}, {}, {}, Comp
         forceCoordinate: Partial< INmorphCoords<string>>;
         trigger: NmorphTooltipTrigger;
         hideTriangle: boolean;
-    }> & Omit<Readonly< INmorphTooltipProps> & Readonly<{}>, "toggle" | "close" | "open" | "tooltipBody" | ("text" | "disabled" | "width" | "height" | "zIndex" | "contentClass" | "teleportTo" | "disabledTeleport" | "position" | "touch" | "maxWidth" | "openDelay" | "closeDelay" | "forceShow" | "forceCoordinate" | "trigger" | "hideTriangle")> & {
+    }> & Omit<Readonly< INmorphTooltipProps> & Readonly<{}>, "open" | "toggle" | "close" | "tooltipBody" | ("text" | "position" | "touch" | "disabled" | "width" | "height" | "zIndex" | "contentClass" | "teleportTo" | "disabledTeleport" | "maxWidth" | "openDelay" | "closeDelay" | "forceShow" | "forceCoordinate" | "trigger" | "hideTriangle")> & {
         tooltipBody: HTMLElement;
         open: () => void;
         close: () => void;

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

@@ -7,9 +7,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphSwitchPr
 }, string, PublicProps, Readonly<INmorphSwitchProps> & Readonly<{
     "onUpdate:model-value"?: (val: string | number | boolean) => any;
 }>, {
+    disabled: boolean;
     loading: boolean;
     modelValue: NmorphSwitchModelType;
-    disabled: boolean;
     width: string | number;
     height: string | number;
     offset: string | number;

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

@@ -18,9 +18,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphTextInpu
     onKeydown?: (event: KeyboardEvent) => any;
     "onOn-enter"?: () => any;
 }>, {
+    disabled: boolean;
     modelValue: string;
     thickness: "basic" | "thick" | "thin";
-    disabled: boolean;
     placeholder: string;
     typePassword: boolean;
     clearable: boolean;

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

@@ -19,9 +19,9 @@ declare const _default: DefineComponent<INmorphTextareaProps, {
     onKeydown?: (event: KeyboardEvent) => any;
     "onOn-enter"?: () => any;
 }>, {
+    disabled: boolean;
     modelValue: string;
     thickness: "basic" | "thick" | "thin";
-    disabled: boolean;
     resize: NmorphTextareaResizeType;
     placeholder: string;
     indentation: string;

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

@@ -11,9 +11,9 @@ declare const _default: DefineComponent<INmorphTimePickerProps, {
     onBlur?: () => any;
     onFocus?: () => any;
 }>, {
+    disabled: boolean;
     modelValue: string;
     thickness: "basic" | "thick" | "thin";
-    disabled: boolean;
     width: string | number;
     placeholder: string;
     zIndex: number;

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

@@ -5,9 +5,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphBacktopP
 }, string, PublicProps, Readonly<INmorphBacktopProps> & Readonly<{
     onClick?: () => any;
 }>, {
-    design: "nmorph" | "plain";
     right: number;
     bottom: number;
+    design: "nmorph" | "plain";
     zIndex: number;
     teleportTo: string;
     visibilityHeight: number;

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

@@ -8,21 +8,21 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphContextM
     close: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:model-value": (value: boolean) => any;
+    open: (event?: NmorphContextMenuOpenEvent) => any;
     select: (option: NmorphContextMenuOption, index: number) => any;
     close: () => any;
     "on-outside-click": () => any;
     "on-escape-keydown": () => any;
-    open: (event?: NmorphContextMenuOpenEvent) => any;
 }, string, PublicProps, Readonly<INmorphContextMenuProps> & Readonly<{
     "onUpdate:model-value"?: (value: boolean) => any;
+    onOpen?: (event?: NmorphContextMenuOpenEvent) => any;
     onSelect?: (option: NmorphContextMenuOption, index: number) => any;
     onClose?: () => any;
     "onOn-outside-click"?: () => any;
     "onOn-escape-keydown"?: () => any;
-    onOpen?: (event?: NmorphContextMenuOpenEvent) => any;
 }>, {
-    modelValue: boolean;
     disabled: boolean;
+    modelValue: boolean;
     width: string | number;
     ariaLabel: string;
     minWidth: string | number;

package/dist/src/components/navigation/nmorph-stepper/NmorphStepper.vue.d.ts

@@ -11,8 +11,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphStepperP
     "onUpdate:model-value"?: (value: number) => any;
     onChange?: (value: INmorphStepperChangePayload) => any;
 }>, {
-    modelValue: number;
     disabled: boolean;
+    modelValue: number;
     wheel: boolean;
     ariaLabel: string;
     loop: boolean;

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

@@ -8,8 +8,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphTabsProp
     "onUpdate:model-value"?: (value: NmorphTableModelType) => any;
     "onTab-change"?: (value: NmorphTableModelType) => any;
 }>, {
-    modelValue: NmorphTableModelType;
     stretch: boolean;
+    modelValue: NmorphTableModelType;
     panes: INmorphTabPaneProps[];
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>, {
     default?(_: {}): any;

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

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

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

@@ -7,8 +7,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphOverlayP
     "onOn-outside-click"?: () => any;
     "onOn-escape-keydown"?: () => any;
 }>, {
-    zIndex: number;
     transparent: boolean;
+    zIndex: number;
     teleportTo: string | HTMLElement;
     disabledTeleport: boolean;
     closeOnEscape: boolean;

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

@@ -4,7 +4,7 @@ declare const _default: DefineComponent<INmorphNotificationProviderProps, {}, {}
     zIndex: number;
     teleportTo: string | HTMLElement;
     disabledTeleport: boolean;
-    placement: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-center" | "bottom-center";
+    placement: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "bottom-center" | "top-center";
     quantity: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/src/outside-hooks/use-nmorph-notification.d.ts

@@ -6,7 +6,7 @@ export declare const useNmorphNotification: () => {
         duration?: number;
         showDurationValue?: boolean;
         width?: string;
-        placement?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-center" | "bottom-center";
+        placement?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "bottom-center" | "top-center";
         type?: "error" | "success" | "warning" | "info";
         closable?: boolean;
         title?: string;
@@ -22,7 +22,7 @@ export declare const useNmorphNotification: () => {
         duration?: number;
         showDurationValue?: boolean;
         width?: string;
-        placement?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-center" | "bottom-center";
+        placement?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "bottom-center" | "top-center";
         type?: "error" | "success" | "warning" | "info";
         closable?: boolean;
         title?: string;

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

@@ -76,6 +76,7 @@ export declare const NmorphTypographyWeight: {
 export type NmorphTypographyWeightType = keyof typeof NmorphTypographyWeight;
 export declare const NmorphTypographyColor: {
     readonly text: "text";
+    readonly contrast: "contrast";
     readonly 'semi-contrast': "semi-contrast";
     readonly placeholder: "placeholder";
     readonly focus: "focus";

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

@@ -0,0 +1,5 @@
+import { MaybeRefOrGetter, StyleValue, ComputedRef } from 'vue';
+export declare const useMergedAttrs: (classValue?: MaybeRefOrGetter<unknown>, styleValue?: MaybeRefOrGetter<StyleValue>) => ComputedRef<{
+    class: unknown[];
+    style: StyleValue[];
+}>;

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

@@ -3,3 +3,4 @@ export * from './case-transformers';
 export * from './common';
 export * from './theme-style';
 export * from './file-types';
+export * from './attrs';

package/dist/types/common.types.js

@@ -49,6 +49,7 @@ const o = {
   extrabold: "extrabold"
 }, a = {
   text: "text",
+  contrast: "contrast",
   "semi-contrast": "semi-contrast",
   placeholder: "placeholder",
   focus: "focus",

package/dist/utils/attrs.js

@@ -0,0 +1,15 @@
+import { useAttrs as c, computed as a, toValue as t } from "vue";
+const m = (s, e) => {
+  const r = c();
+  return a(() => {
+    const { class: o, style: u, ...l } = r;
+    return {
+      ...l,
+      class: [t(s), o],
+      style: [t(e), u]
+    };
+  });
+};
+export {
+  m as useMergedAttrs
+};

package/package.json

@@ -2,7 +2,7 @@
   "name": "@nmorph/nmorph-ui-kit",
   "type": "module",
   "private": false,
-  "version": "3.0.15",
+  "version": "3.0.17",
   "license": "MIT",
   "repository": {
     "type": "git",