@nmorph/nmorph-ui-kit 2.2.38 → 2.2.39

package/dist/components/form/nmorph-date-picker/NmorphDatePicker.vue2.js

@@ -1,17 +1,17 @@
 import './NmorphDatePicker.css';
-import { defineComponent as B, computed as a, ref as u, watch as M } from "vue";
-import { useModifiers as V } from "../../../utils/create-modifiers.js";
-import { toCssSize as m } from "../../../utils/common.js";
-import { NmorphComponentHeight as P } from "../../../types/index.js";
-import j from "./inner-components/nmorph-clear-button/NmorphClearButton.vue.js";
-import z from "./inner-components/nmorph-date-picker-content/NmorphDatePickerContent.vue.js";
-import { useI18n as L } from "vue-i18n";
-import { useFormItemInput as R, useFormItemModel as T } from "../nmorph-form/use-form-item-input.js";
-import { formatDate as c } from "../../data/nmorph-calendar/utils.js";
+import { defineComponent as k, computed as a, ref as u, watch as V } from "vue";
+import { useModifiers as B } from "../../../utils/create-modifiers.js";
+import { createCssSizeVariables as M } from "../../../utils/common.js";
+import P from "./inner-components/nmorph-clear-button/NmorphClearButton.vue.js";
+import j from "./inner-components/nmorph-date-picker-content/NmorphDatePickerContent.vue.js";
+import { useI18n as z } from "vue-i18n";
+import { useFormItemInput as L, useFormItemModel as R } from "../nmorph-form/use-form-item-input.js";
+import { NmorphComponentHeight as T } from "../../../types/common.types.js";
+import { formatDate as m } from "../../data/nmorph-calendar/utils.js";
 import E from "../../../assets/icons/calendar.svg.js";
 import G from "../../basic/nmorph-icon/NmorphIcon.vue.js";
 import J from "../../navigation/nmorph-dropdown/NmorphDropdown.vue.js";
-const le = /* @__PURE__ */ B({
+const le = /* @__PURE__ */ k({
   __name: "NmorphDatePicker",
   props: {
     placeholder: { type: String, required: !1, default: "" },
@@ -36,29 +36,29 @@ const le = /* @__PURE__ */ B({
     tabindex: { type: Number, required: !1 }
   },
   emits: ["update:model-value"],
-  setup(v, { expose: h, emit: y }) {
-    h();
-    const { t: p } = L(), e = v, { id: g, name: q, autocomplete: S } = R(e), n = a(() => e.placeholder ? e.placeholder : p("pickADate")), s = y, { modelValue: d, updateModelValue: i } = T(
+  setup(c, { expose: y, emit: v }) {
+    y();
+    const { t: s } = z(), e = c, { id: h, name: g, autocomplete: q } = L(e), n = a(() => e.placeholder ? e.placeholder : s("pickADate")), p = v, { modelValue: d, updateModelValue: i } = R(
       e,
-      (r) => s("update:model-value", r),
+      (r) => p("update:model-value", r),
       null
-    ), t = u(d.value), l = u(!1), N = () => {
+    ), t = u(d.value), l = u(!1), S = () => {
       l.value = !0;
-    }, D = () => {
+    }, N = () => {
       l.value = !1;
     }, b = a(
-      () => V({
-        nmorph: [P[e.height]],
+      () => B({
+        nmorph: [T[e.height]],
         "nmorph-date-picker": [e.disabled && "disabled", e.type, l.value && "focus"]
       })
-    ), C = a(() => ({
-      ...e.width !== void 0 && { "--width": m(e.width) },
-      ...e.calendarCellHeight !== void 0 && {
-        "--date-picker-calendar-cell-height": m(e.calendarCellHeight)
-      }
-    })), o = u(!1), I = u(null), _ = () => {
+    ), D = a(
+      () => M({
+        "--width": e.width,
+        "--date-picker-calendar-cell-height": e.calendarCellHeight
+      })
+    ), o = u(!1), C = u(null), I = () => {
       o.value = !1;
-    }, w = () => {
+    }, _ = () => {
       o.value = !o.value;
     }, A = a(() => {
       if (!t.value) return n.value;
@@ -70,30 +70,30 @@ const le = /* @__PURE__ */ B({
       };
       if (Array.isArray(t.value)) {
         if (t.value.length === 0) return n.value;
-        const O = c(t.value, r), k = e.type === "daterange" ? e.rangeSeparator : e.valueSeparator;
-        return O.join(k);
+        const x = m(t.value, r), O = e.type === "daterange" ? e.rangeSeparator : e.valueSeparator;
+        return x.join(O);
       } else
-        return c(t.value, r);
+        return m(t.value, r);
     }), F = () => {
       const r = Array.isArray(t.value) ? [] : null;
       t.value = r, i(t.value);
-    }, H = (r) => {
+    }, w = (r) => {
       t.value = r, i(t.value);
     };
-    M(
+    V(
       d,
       (r) => {
         t.value = r;
       },
       { deep: !0 }
     );
-    const x = a(() => Array.isArray(t.value) ? t.value.length > 0 : !!t.value), f = { t: p, props: e, id: g, name: q, autocomplete: S, placeholderText: n, emit: s, modelValue: d, updateModelValue: i, selectedDate: t, focus: l, focusHandler: N, blurHandler: D, modifiers: b, styles: C, open: o, nmorphInputDOMRef: I, closeHandler: _, toggleOpen: w, displayValue: A, clearHandler: F, updateSelectedDateHandler: H, showClearButton: x, get NmorphDropdown() {
+    const H = a(() => Array.isArray(t.value) ? t.value.length > 0 : !!t.value), f = { t: s, props: e, id: h, name: g, autocomplete: q, placeholderText: n, emit: p, modelValue: d, updateModelValue: i, selectedDate: t, focus: l, focusHandler: S, blurHandler: N, modifiers: b, styles: D, open: o, nmorphInputDOMRef: C, closeHandler: I, toggleOpen: _, displayValue: A, clearHandler: F, updateSelectedDateHandler: w, showClearButton: H, get NmorphDropdown() {
       return J;
     }, get NmorphIcon() {
       return G;
     }, get NmorphIconCalendar() {
       return E;
-    }, NmorphClearButton: j, NmorphDatePickerContent: z };
+    }, NmorphClearButton: P, NmorphDatePickerContent: j };
     return Object.defineProperty(f, "__isScriptSetup", { enumerable: !1, value: !0 }), f;
   }
 });

package/dist/components/form/nmorph-file-upload/NmorphFileUpload.css

@@ -1 +1 @@
-.nmorph-file-upload{box-sizing:border-box;width:100%;min-width:0}.nmorph-file-upload .nmorph-file-upload__trigger{position:relative}.nmorph-file-upload input{display:none}.nmorph-file-upload .nmorph-file-upload__list{width:100%;min-width:0;margin-top:var(--indentation-03)}.nmorph-file-upload .nmorph-file-upload__list>div{box-sizing:border-box;width:100%;min-width:0}.nmorph-file-upload .nmorph-file-upload__file{display:flex;gap:var(--indentation-02);align-items:center;box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin-bottom:var(--indentation-02);padding:var(--indentation-02) var(--indentation-03);background:var(--nmorph-main-color);border-radius:var(--default-border-radius);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-file-upload .nmorph-file-upload__file>.nmorph-image-preview{flex:0 0 auto}.nmorph-file-upload .nmorph-file-upload__file-info{display:flex;flex:1 1 auto;gap:var(--indentation-02);align-items:center;min-width:0;overflow:hidden}.nmorph-file-upload .nmorph-file-upload__file-info>.nmorph-icon{flex:0 0 auto}.nmorph-file-upload .nmorph-file-upload__file-name{display:block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nmorph-file-upload .nmorph-file-upload__remove-file{flex:0 0 auto}
+.nmorph-file-upload{box-sizing:border-box;width:100%;min-width:0}.nmorph-file-upload .nmorph-file-upload__trigger{position:relative;width:100%;min-width:0}.nmorph-file-upload input{display:none}.nmorph-file-upload .nmorph-file-upload__list{width:100%;min-width:0;margin-top:var(--indentation-03)}.nmorph-file-upload .nmorph-file-upload__list>div{box-sizing:border-box;width:100%;min-width:0}.nmorph-file-upload .nmorph-file-upload__file{display:flex;gap:var(--indentation-02);align-items:center;box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin-bottom:var(--indentation-02);padding:var(--indentation-02) var(--indentation-03);overflow:hidden;background:var(--nmorph-main-color);border-radius:var(--default-border-radius);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}.nmorph-file-upload .nmorph-file-upload__file>.nmorph-image-preview{flex:0 0 auto}.nmorph-file-upload .nmorph-file-upload__file-info{display:flex;flex:1 1 0;gap:var(--indentation-02);align-items:center;min-width:0;max-width:100%;overflow:hidden}.nmorph-file-upload .nmorph-file-upload__file-info>.nmorph-icon{flex:0 0 auto}.nmorph-file-upload .nmorph-file-upload__file-name{display:block;flex:1 1 0;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nmorph-file-upload .nmorph-file-upload__remove-file{flex:0 0 auto}

package/dist/components/form/nmorph-file-upload/NmorphFileUpload.vue2.js

@@ -1,153 +1,124 @@
 import './NmorphFileUpload.css';
-import { defineComponent as X, computed as C, inject as Y, ref as q, watch as Z, onBeforeUnmount as ee } from "vue";
-import { useModifiers as te } from "../../../utils/create-modifiers.js";
-import { useI18n as oe } from "vue-i18n";
-import { useFormItemInput as re, useFormItemModel as ne } from "../nmorph-form/use-form-item-input.js";
-import { resolution as B, NmorphImageResolution as V, NmorphAudioResolution as se, NmorphVideoResolution as ae, NmorphArchiveResolution as ie } from "./types.js";
-import le from "../../../assets/icons/doc.svg.js";
-import ue from "../../data/nmorph-image-preview/NmorphImagePreview.vue.js";
-import de from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import pe from "../../basic/nmorph-button/NmorphButton.vue.js";
-import me from "../../../assets/icons/audio.svg.js";
-import ce from "../../../assets/icons/video.svg.js";
-import fe from "../../../assets/icons/archive.svg.js";
-import ve from "../../../assets/icons/cross.svg.js";
-import ye from "../../../assets/icons/image.svg.js";
-const Pe = /* @__PURE__ */ X({
+import { defineComponent as K, computed as N, inject as z, ref as T, watch as G, onBeforeUnmount as H } from "vue";
+import { useModifiers as J } from "../../../utils/create-modifiers.js";
+import { getFileAcceptValue as Q, getFileTypeCandidates as U, isKnownFileType as p, isFileAllowedByTypes as X, getFileExtension as Y } from "../../../utils/file-types.js";
+import { useI18n as Z } from "vue-i18n";
+import { useFormItemInput as $, useFormItemModel as ee } from "../nmorph-form/use-form-item-input.js";
+import te from "../../../assets/icons/doc.svg.js";
+import oe from "../../data/nmorph-image-preview/NmorphImagePreview.vue.js";
+import re from "../../basic/nmorph-icon/NmorphIcon.vue.js";
+import ae from "../../basic/nmorph-button/NmorphButton.vue.js";
+import ie from "../../../assets/icons/audio.svg.js";
+import ne from "../../../assets/icons/video.svg.js";
+import se from "../../../assets/icons/archive.svg.js";
+import { NmorphImageResolution as V, NmorphAudioResolution as le, NmorphVideoResolution as ue, NmorphArchiveResolution as de } from "./types.js";
+import me from "../../../assets/icons/cross.svg.js";
+import pe from "../../../assets/icons/image.svg.js";
+const Ue = /* @__PURE__ */ K({
   __name: "NmorphFileUpload",
   props: {
+    id: { type: String, required: !1 },
+    name: { type: String, required: !1 },
+    autocomplete: { type: String, required: !1 },
+    tabindex: { type: Number, required: !1 },
     modelValue: { type: Array, required: !1, default: () => [] },
     disabled: { type: Boolean, required: !1, default: !1 },
     multiple: { type: Boolean, required: !1, default: !1 },
     allowedTypes: { type: Array, required: !1, default: () => [] },
     photoWithPreview: { type: Boolean, required: !1, default: !0 },
-    buttonText: { type: String, required: !1, default: "" },
-    id: { type: String, required: !1 },
-    name: { type: String, required: !1 },
-    autocomplete: { type: String, required: !1 },
-    tabindex: { type: Number, required: !1 }
+    buttonText: { type: String, required: !1, default: "" }
   },
   emits: ["update:model-value", "on-unsupported-file-type-error", "on-file-validation-error"],
-  setup(M, { expose: j, emit: O }) {
-    const { t: N } = oe(), r = M, c = O, k = C(() => r.buttonText ? r.buttonText : N("selectFile")), { id: f, name: E, autocomplete: W, tabindex: D } = re(r), { modelValue: F, updateModelValue: L } = ne(
+  setup(_, { expose: q, emit: C }) {
+    const { t: b } = Z(), r = _, c = C, P = N(() => r.buttonText ? r.buttonText : b("selectFile")), { id: f, name: S, autocomplete: B, tabindex: L } = $(r), { modelValue: g, updateModelValue: x } = ee(
       r,
       (e) => c("update:model-value", e),
       []
-    ), v = Y("form-data", void 0), R = Object.entries(B), T = {
-      "svg-xml": "svg",
-      "audio-ogg": "ogg",
-      "wideo-ogg": "ogg"
-    }, A = (e) => e.split("/")[1]?.toLowerCase() || "", I = (e) => {
-      const t = e.split(".").pop()?.toLowerCase();
-      return t && t !== e.toLowerCase() ? t : "";
-    }, S = (e) => R.find(([, t]) => t.toLowerCase() === e.toLowerCase())?.[0] || "", y = (e) => Array.from(
-      new Set(
-        [
-          e.type.toLowerCase(),
-          S(e.type),
-          I(e.name),
-          A(e.type)
-        ].filter(Boolean).map((t) => t.toLowerCase())
-      )
-    ), i = (e, t) => Object.prototype.hasOwnProperty.call(t, e), K = (e) => {
-      const t = y(e);
-      return e.type.toLowerCase().startsWith("image/") || t.some((o) => i(o, V));
-    }, P = (e) => {
-      if (r.allowedTypes.length === 0) return !0;
-      const t = y(e);
-      return r.allowedTypes.some((o) => t.includes(String(o).toLowerCase()));
-    }, $ = C(() => {
-      if (r.allowedTypes.length !== 0)
-        return Array.from(
-          new Set(
-            r.allowedTypes.flatMap((e) => {
-              const t = String(e).toLowerCase(), o = B[t], n = T[t] || t;
-              return t.includes("/") ? t : o ? [`.${n}`, o] : `.${n}`;
-            })
-          )
-        ).join(",");
-    }), z = (e) => {
-      const t = y(e);
-      let o = le;
-      return (e.type.toLowerCase().startsWith("image/") || t.some((n) => i(n, V))) && (o = ye), (e.type.toLowerCase().startsWith("audio/") || t.some((n) => i(n, se))) && (o = me), (e.type.toLowerCase().startsWith("video/") || t.some((n) => i(n, ae))) && (o = ce), t.some((n) => i(n, ie)) && (o = fe), o;
-    }, u = q(null), a = q([...F.value]), l = /* @__PURE__ */ new Set(), h = () => {
-      const e = u.value;
+    ), v = z("form-data", void 0), M = (e) => {
+      const t = U(e);
+      return e.type.toLowerCase().startsWith("image/") || t.some((o) => p(o, V));
+    }, W = N(() => Q(r.allowedTypes)), j = (e) => {
+      const t = U(e);
+      let o = te;
+      return (e.type.toLowerCase().startsWith("image/") || t.some((i) => p(i, V))) && (o = pe), (e.type.toLowerCase().startsWith("audio/") || t.some((i) => p(i, le))) && (o = ie), (e.type.toLowerCase().startsWith("video/") || t.some((i) => p(i, ue))) && (o = ne), t.some((i) => p(i, de)) && (o = se), o;
+    }, l = T(null), n = T([...g.value]), s = /* @__PURE__ */ new Set(), h = () => {
+      const e = l.value;
       e && (e.value = "");
-    }, g = (e) => {
-      l.has(e) && (URL.revokeObjectURL(e), l.delete(e));
-    }, x = (e) => {
+    }, y = (e) => {
+      s.has(e) && (URL.revokeObjectURL(e), s.delete(e));
+    }, I = (e) => {
       const t = new Set(e.map((o) => o.previewUrl));
-      Array.from(l).forEach((o) => {
-        t.has(o) || g(o);
+      Array.from(s).forEach((o) => {
+        t.has(o) || y(o);
       });
-    }, b = (e) => {
+    }, w = (e) => {
       const t = [...e];
-      a.value = t, L(t);
-    }, U = (e) => {
+      n.value = t, x(t);
+    }, R = (e) => {
       const t = v?.validateField(f.value, e);
       return {
         valid: t?.valid.value ?? !0,
         errors: t?.errors.value ?? []
       };
-    }, G = () => {
-      r.disabled || !u.value || u.value.click();
-    }, H = (e) => {
+    }, k = () => {
+      r.disabled || !l.value || l.value.click();
+    }, E = (e) => {
       if (r.disabled) return;
-      const t = e.target, o = Array.from(t.files || []), n = r.multiple ? o : o.slice(0, 1), d = [];
-      if (n.forEach((s) => {
-        if (!P(s)) {
-          c("on-unsupported-file-type-error", s.type || I(s.name) || s.name);
+      const t = e.target, o = Array.from(t.files || []), i = r.multiple ? o : o.slice(0, 1), u = [];
+      if (i.forEach((a) => {
+        if (!X(a, r.allowedTypes)) {
+          c("on-unsupported-file-type-error", a.type || Y(a.name) || a.name);
           return;
         }
-        const p = r.multiple ? [...a.value.map((w) => w.data), ...d, s] : [s], m = U(p);
+        const d = r.multiple ? [...n.value.map((F) => F.data), ...u, a] : [a], m = R(d);
         if (!m.valid) {
-          c("on-file-validation-error", { file: s, errors: m.errors });
+          c("on-file-validation-error", { file: a, errors: m.errors });
           return;
         }
-        d.push(s);
-      }), h(), d.length > 0) {
-        const s = d.map((m) => {
-          const w = URL.createObjectURL(m);
-          return l.add(w), { data: m, previewUrl: w };
-        }), p = r.multiple ? [...a.value, ...s] : s;
-        x(p), b(p), v?.validateField(f.value, p);
+        u.push(a);
+      }), h(), u.length > 0) {
+        const a = u.map((m) => {
+          const F = URL.createObjectURL(m);
+          return s.add(F), { data: m, previewUrl: F };
+        }), d = r.multiple ? [...n.value, ...a] : a;
+        I(d), w(d), v?.validateField(f.value, d);
       }
-    }, J = (e) => {
+    }, O = (e) => {
       if (r.disabled) return;
-      const t = a.value.findIndex((o) => o.data.name === e);
+      const t = n.value.findIndex((o) => o.data.name === e);
       if (t !== -1) {
-        const o = a.value[t];
-        g(o.previewUrl), h();
-        const n = a.value.filter((d, s) => s !== t);
-        b(n), v?.validateField(f.value, n);
+        const o = n.value[t];
+        y(o.previewUrl), h();
+        const i = n.value.filter((u, a) => a !== t);
+        w(i), v?.validateField(f.value, i);
       }
     };
-    Z(
-      F,
+    G(
+      g,
       (e) => {
         const t = [...e];
-        x(t), a.value = t, t.length === 0 && h();
+        I(t), n.value = t, t.length === 0 && h();
       },
       { deep: !0 }
-    ), ee(() => {
-      Array.from(l).forEach((e) => g(e));
-    }), j({ inputDOMRef: u });
-    const Q = C(
-      () => te({
+    ), H(() => {
+      Array.from(s).forEach((e) => y(e));
+    }), q({ inputDOMRef: l });
+    const D = N(
+      () => J({
         "nmorph-file-upload": [r.disabled && "disabled"]
       })
-    ), _ = { t: N, props: r, emit: c, computedButtonText: k, id: f, name: E, autocomplete: W, tabindex: D, modelValue: F, updateModelValue: L, formData: v, knownResolutionEntries: R, extensionByResolution: T, getPlainType: A, getFileExtension: I, getKnownResolutionByMime: S, getFileTypeCandidates: y, isKnownFileType: i, isImageFile: K, isFileAllowed: P, inputAccept: $, typeFileIconMap: z, inputDOMRef: u, files: a, createdPreviewUrls: l, resetInputValue: h, revokePreviewUrl: g, revokeRemovedPreviewUrls: x, filesChanged: b, getFormValidationResult: U, openFileSelector: G, handleFileUpload: H, removeFile: J, modifiers: Q, get NmorphButton() {
-      return pe;
+    ), A = { t: b, props: r, emit: c, computedButtonText: P, id: f, name: S, autocomplete: B, tabindex: L, modelValue: g, updateModelValue: x, formData: v, isImageFile: M, inputAccept: W, typeFileIconMap: j, inputDOMRef: l, files: n, createdPreviewUrls: s, resetInputValue: h, revokePreviewUrl: y, revokeRemovedPreviewUrls: I, filesChanged: w, getFormValidationResult: R, openFileSelector: k, handleFileUpload: E, removeFile: O, modifiers: D, get NmorphButton() {
+      return ae;
     }, get NmorphIcon() {
-      return de;
+      return re;
     }, get NmorphImagePreview() {
-      return ue;
+      return oe;
     }, get NmorphIconCross() {
-      return ve;
+      return me;
     } };
-    return Object.defineProperty(_, "__isScriptSetup", { enumerable: !1, value: !0 }), _;
+    return Object.defineProperty(A, "__isScriptSetup", { enumerable: !1, value: !0 }), A;
   }
 });
 export {
-  Pe as default
+  Ue as default
 };

package/dist/components/form/nmorph-form/components/nmorph-form-item/NmorphFormItem.css

@@ -1 +1 @@
-.nmorph-form-item{margin:var(--indentation-04) var(--indentation-00)}.nmorph-form-item label{font-weight:600;font-size:var(--font-size-small);line-height:var(--line-height-loose)}.nmorph-form-item .nmorph-form-item__content{position:relative;display:flex;align-items:center;width:100%}.nmorph-form-item.nmorph-form-item--labeled .nmorph-form-item__content{margin-top:var(--indentation-02)}.nmorph-form-item.nmorph-form-item--valid .nmorph-native-input:focus{background:var(--nmorph-success-color)}.nmorph-form-item.nmorph-form-item--invalid .nmorph-native-input:focus{background:var(--nmorph-error-text-color)}
+.nmorph-form-item{min-width:0;max-width:100%;margin:var(--indentation-04) var(--indentation-00)}.nmorph-form-item label{font-weight:600;font-size:var(--font-size-small);line-height:var(--line-height-loose)}.nmorph-form-item .nmorph-form-item__content{position:relative;display:flex;align-items:center;width:100%;min-width:0;max-width:100%}.nmorph-form-item.nmorph-form-item--labeled .nmorph-form-item__content{margin-top:var(--indentation-02)}.nmorph-form-item.nmorph-form-item--valid .nmorph-native-input:focus{background:var(--nmorph-success-color)}.nmorph-form-item.nmorph-form-item--invalid .nmorph-native-input:focus{background:var(--nmorph-error-text-color)}

package/dist/components/form/nmorph-form/components/nmorph-form-item/inner-components/nmorph-error-box/NmorphErrorBox.vue2.js

@@ -1,7 +1,7 @@
 import './NmorphErrorBox.css';
 import { defineComponent as p, computed as s } from "vue";
-import { NmorphComponentHeight as u } from "../../../../../../../types/index.js";
-import { useModifiers as l } from "../../../../../../../utils/create-modifiers.js";
+import { useModifiers as u } from "../../../../../../../utils/create-modifiers.js";
+import { NmorphComponentHeight as l } from "../../../../../../../types/common.types.js";
 const h = /* @__PURE__ */ p({
   __name: "NmorphErrorBox",
   props: {
@@ -15,8 +15,8 @@ const h = /* @__PURE__ */ p({
       const r = Array.isArray(e.errors) ? e.errors : e.errors.value;
       return r.length ? [r[r.length - 1]] : [];
     }), a = s(
-      () => l({
-        nmorph: [u[e.height]],
+      () => u({
+        nmorph: [l[e.height]],
         "nmorph-error-box": [e.staticHeight && "static-height", t.value.length === 0 && "empty"]
       })
     ), o = { props: e, currentError: t, modifiers: a };

package/dist/components/form/nmorph-number-input/NmorphNumberInput.vue2.js

@@ -1,8 +1,8 @@
 import './NmorphNumberInput.css';
 import { defineComponent as H, computed as n, ref as s, watch as p } from "vue";
-import { NmorphComponentHeight as R } from "../../../types/index.js";
-import { useModifiers as T } from "../../../utils/create-modifiers.js";
-import { useFormItemInput as D, useFormItemModel as V } from "../nmorph-form/use-form-item-input.js";
+import { useModifiers as R } from "../../../utils/create-modifiers.js";
+import { useFormItemInput as T, useFormItemModel as D } from "../nmorph-form/use-form-item-input.js";
+import { NmorphComponentHeight as V } from "../../../types/common.types.js";
 import k from "../../../assets/icons/plus-thin.svg.js";
 import z from "../../../assets/icons/minus-thin.svg.js";
 import C from "../../basic/nmorph-icon/NmorphIcon.vue.js";
@@ -24,9 +24,9 @@ const L = /* @__PURE__ */ H({
   },
   emits: ["update:model-value"],
   setup(d, { expose: c, emit: f }) {
-    const e = d, { id: h, name: g, autocomplete: b, tabindex: x } = D(e), N = n(
-      () => T({
-        nmorph: [R[e.height]],
+    const e = d, { id: h, name: g, autocomplete: b, tabindex: x } = T(e), N = n(
+      () => R({
+        nmorph: [V[e.height]],
         "nmorph-number-input": [e.disabled && "disabled", e.actionBtnPositionRight && "action-btn-position-right"]
       })
     ), a = {
@@ -45,7 +45,7 @@ const L = /* @__PURE__ */ H({
     }, v = n(() => {
       const i = e.actionBtnPositionRight ? "right" : "default";
       return a[e.height][i];
-    }), u = f, { modelValue: o, updateModelValue: l } = V(
+    }), u = f, { modelValue: o, updateModelValue: l } = D(
       e,
       (i) => u("update:model-value", i),
       0

package/dist/components/form/nmorph-otp-input/NmorphOTPInput.vue2.js

@@ -1,9 +1,9 @@
 import './NmorphOTPInput.css';
 import { defineComponent as le, ref as M, computed as c, watch as O, nextTick as R } from "vue";
 import { useModifiers as ue } from "../../../utils/create-modifiers.js";
-import { NmorphComponentHeight as oe } from "../../../types/index.js";
-import { useFormItemInput as re, useFormItemModel as ne } from "../nmorph-form/use-form-item-input.js";
-import se from "../nmorph-text-input/NmorphTextInput.vue.js";
+import { useFormItemInput as oe, useFormItemModel as re } from "../nmorph-form/use-form-item-input.js";
+import ne from "../nmorph-text-input/NmorphTextInput.vue.js";
+import { NmorphComponentHeight as se } from "../../../types/common.types.js";
 const pe = /* @__PURE__ */ le({
   __name: "NmorphOTPInput",
   props: {
@@ -21,7 +21,7 @@ const pe = /* @__PURE__ */ le({
   },
   emits: ["update:model-value", "focus", "blur", "complete"],
   setup(j, { expose: w, emit: N }) {
-    const l = j, f = N, { id: V, name: T, autocomplete: A, tabindex: p } = re(l), { modelValue: v, updateModelValue: F } = ne(
+    const l = j, f = N, { id: V, name: T, autocomplete: A, tabindex: p } = oe(l), { modelValue: v, updateModelValue: F } = re(
       l,
       (e) => f("update:model-value", e),
       ""
@@ -46,7 +46,7 @@ const pe = /* @__PURE__ */ le({
     );
     const E = c(
       () => ue({
-        nmorph: [oe[l.height], d.value && "focused"],
+        nmorph: [se[l.height], d.value && "focused"],
         "nmorph-otp-input": [l.disabled && "disabled"]
       })
     ), B = c(
@@ -142,7 +142,7 @@ const pe = /* @__PURE__ */ le({
       },
       { immediate: !0 }
     );
-    const I = { props: l, emit: f, id: V, name: T, autocomplete: A, tabindex: p, modelValue: v, updateModelValue: F, inputRefs: i, inputDOMRefs: n, focused: d, otpValue: o, normalizedLength: u, sanitizeValue: g, normalizeOtpValue: S, syncOtpValue: h, modifiers: E, fieldIds: B, inputMode: C, resolvedAutocomplete: P, inputPattern: $, syncInputDOMRef: y, setInputRef: x, selectField: _, focusField: r, blurFields: k, updateCharAt: m, insertValue: H, inputHandler: z, fieldModels: q, getFieldModel: L, backspaceHandler: D, deleteKeyHandler: Z, arrowLeftHandler: K, arrowRightHandler: G, homeHandler: J, endHandler: Q, keydownHandler: U, pasteHandler: W, focusHandler: X, blurHandler: Y, getFieldTabindex: ee, NmorphTextInput: se };
+    const I = { props: l, emit: f, id: V, name: T, autocomplete: A, tabindex: p, modelValue: v, updateModelValue: F, inputRefs: i, inputDOMRefs: n, focused: d, otpValue: o, normalizedLength: u, sanitizeValue: g, normalizeOtpValue: S, syncOtpValue: h, modifiers: E, fieldIds: B, inputMode: C, resolvedAutocomplete: P, inputPattern: $, syncInputDOMRef: y, setInputRef: x, selectField: _, focusField: r, blurFields: k, updateCharAt: m, insertValue: H, inputHandler: z, fieldModels: q, getFieldModel: L, backspaceHandler: D, deleteKeyHandler: Z, arrowLeftHandler: K, arrowRightHandler: G, homeHandler: J, endHandler: Q, keydownHandler: U, pasteHandler: W, focusHandler: X, blurHandler: Y, getFieldTabindex: ee, NmorphTextInput: ne };
     return Object.defineProperty(I, "__isScriptSetup", { enumerable: !1, value: !0 }), I;
   }
 });

package/dist/components/form/nmorph-radio/NmorphRadio.vue2.js

@@ -1,7 +1,7 @@
 import './NmorphRadio.css';
 import { defineComponent as h, inject as r, computed as l, ref as m } from "vue";
 import { useModifiers as g } from "../../../utils/create-modifiers.js";
-import { NmorphSelectionControlHeight as v } from "../../../types/index.js";
+import { NmorphSelectionControlHeight as v } from "../../../types/common.types.js";
 const q = /* @__PURE__ */ h({
   __name: "NmorphRadio",
   props: {