@nmorph/nmorph-ui-kit 2.2.40 → 2.2.42

package/dist/components/basic/nmorph-button/NmorphButton.css

@@ -1 +1 @@
-.nmorph-button{display:inline-block;width:auto;height:auto;min-height:var(--height)}.nmorph-button.nmorph--basic-component,.nmorph-button.nmorph--thin-component,.nmorph-button.nmorph--thick-component{height:auto}.nmorph-button.nmorph--fill{width:100%}.nmorph-button .nmorph-button__content{display:flex;gap:var(--indentation-02);justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:auto;min-height:var(--height);padding:var(--indentation-00) var(--indentation-04);color:var(--nmorph-button-color, var(--nmorph-text-color));line-height:var(--line-height-regular);background:var(--nmorph-main-color);border:none;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);cursor:pointer}.nmorph-button .nmorph-button__content span{color:var(--nmorph-button-color, var(--nmorph-text-color));--color: var(--nmorph-button-color, var(--nmorph-text-color))}.nmorph-button .nmorph-button__label{min-width:0;white-space:normal;text-align:center;overflow-wrap:anywhere}.nmorph-button .nmorph-button__content>.nmorph-icon{flex-shrink:0;--color: var(--nmorph-button-color, var(--nmorph-text-color))}.nmorph-button .nmorph-button__content:disabled{pointer-events:none}.nmorph-button .nmorph-button__content[loading=true]{cursor:default}.nmorph-button.nmorph-button--ripple .nmorph-button__content{position:relative;overflow:hidden}.nmorph-button.nmorph-button--ripple .nmorph-button__content:after{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,var(--nmorph-main-color) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .3s,opacity 1s;content:""}.nmorph-button.nmorph-button--ripple .nmorph-button__content:active:after{transform:scale(0);opacity:.3;transition:0s}.nmorph-button.nmorph-button--accent-bg-on-hover .nmorph-button__content:not(:disabled,[loading=true]):hover{color:var(--nmorph-white-color);background:var(--nmorph-accent-color);box-shadow:none}.nmorph-button.nmorph-button--accent-bg-on-hover .nmorph-button__content:not(:disabled,[loading=true]):hover .nmorph-icon{--color: var(--nmorph-white-color)}.nmorph-button.nmorph-button--accent-bg-on-hover .nmorph-button__content:not(:disabled,[loading=true]):hover span{color:var(--nmorph-white-color)}.nmorph-button.nmorph-button--round .nmorph-button__content{border-radius:var(--border-radius-200)}.nmorph-button.nmorph-button--circle{width:var(--height);height:var(--height);min-height:var(--height)}.nmorph-button.nmorph-button--circle .nmorph-button__content{height:var(--height);min-height:var(--height);border-radius:var(--border-radius-circular)}.nmorph-button.nmorph-button--transparent{padding:var(--indentation-00)}.nmorph-button.nmorph-button--transparent .nmorph-button__content:not(:disabled,[loading=true]):hover{color:var(--nmorph-accent-color);background:transparent;box-shadow:none}.nmorph-button.nmorph-button--transparent.nmorph-button--custom-color .nmorph-button__content:not(:disabled,[loading=true]):hover{color:var(--nmorph-button-hover-color)}.nmorph-button.nmorph-button--transparent .nmorph-button__content:not(:disabled,[loading=true]):hover span{color:var(--nmorph-accent-color)}.nmorph-button.nmorph-button--transparent.nmorph-button--custom-color .nmorph-button__content:not(:disabled,[loading=true]):hover span{color:var(--nmorph-button-hover-color);--color: var(--nmorph-button-hover-color)}.nmorph-button.nmorph-button--transparent .nmorph-button__content:not(:disabled,[loading=true]):hover .nmorph-icon{--color: var(--nmorph-accent-color)}.nmorph-button.nmorph-button--transparent.nmorph-button--custom-color .nmorph-button__content:not(:disabled,[loading=true]):hover .nmorph-icon{--color: var(--nmorph-button-hover-color)}.nmorph-button.nmorph-button--transparent .nmorph-button__content{color:var(--nmorph-button-color, var(--transparent-button-color, var(--nmorph-text-color)));background:transparent;box-shadow:none}.nmorph-button.nmorph-button--transparent .nmorph-button__content span{color:var(--nmorph-button-color, var(--transparent-button-color, var(--nmorph-text-color)));--color: var(--nmorph-button-color, var(--transparent-button-color, var(--nmorph-text-color)))}.nmorph-button.nmorph-button--transparent .nmorph-button__content .nmorph-icon{--color: var(--nmorph-button-color, var(--transparent-button-color, var(--nmorph-text-color)))}.nmorph-button.nmorph-button--square{width:var(--height);height:var(--height);min-height:var(--height)}.nmorph-button.nmorph-button--square .nmorph-button__content{height:var(--height);min-height:var(--height)}.nmorph-button.nmorph-button--icon-only{width:var(--height);height:var(--height);min-height:var(--height)}.nmorph-button.nmorph-button--icon-only .nmorph-button__content{height:var(--height);min-height:var(--height);padding:0;line-height:0}.nmorph-button.nmorph-button.nmorph--thin-component{font-weight:400;font-size:var(--font-size-extra-small);line-height:var(--line-height-regular)}.nmorph-button.nmorph-button--disabled{cursor:not-allowed;opacity:.6}
+.nmorph-button{display:inline-block;width:auto;height:auto;min-height:var(--height)}.nmorph-button.nmorph--basic-component,.nmorph-button.nmorph--thin-component,.nmorph-button.nmorph--thick-component{height:auto}.nmorph-button.nmorph--fill{width:100%}.nmorph-button .nmorph-button__content{display:flex;gap:var(--indentation-02);justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:auto;min-height:var(--height);padding:var(--indentation-00) var(--indentation-04);color:var(--nmorph-button-color, var(--nmorph-text-color));line-height:var(--line-height-regular);background:var(--nmorph-main-color);border:none;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);cursor:pointer}.nmorph-button .nmorph-button__content span{color:var(--nmorph-button-color, var(--nmorph-text-color));--color: var(--nmorph-button-color, var(--nmorph-text-color))}.nmorph-button .nmorph-button__label{min-width:0;white-space:normal;text-align:center;overflow-wrap:anywhere}.nmorph-button .nmorph-button__content>.nmorph-icon{flex-shrink:0;--color: var(--nmorph-button-color, var(--nmorph-text-color))}.nmorph-button .nmorph-button__content:disabled{pointer-events:none}.nmorph-button .nmorph-button__content[loading=true]{cursor:default}.nmorph-button.nmorph-button--ripple .nmorph-button__content{position:relative;overflow:hidden}.nmorph-button.nmorph-button--ripple .nmorph-button__content:after{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,var(--nmorph-main-color) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .3s,opacity 1s;content:""}.nmorph-button.nmorph-button--ripple .nmorph-button__content:active:after{transform:scale(0);opacity:.3;transition:0s}.nmorph-button.nmorph-button--accent-bg-on-hover .nmorph-button__content:not(:disabled,[loading=true]):hover{color:var(--nmorph-white-color);background:var(--nmorph-accent-color);box-shadow:none}.nmorph-button.nmorph-button--accent-bg-on-hover .nmorph-button__content:not(:disabled,[loading=true]):hover .nmorph-icon{--color: var(--nmorph-white-color)}.nmorph-button.nmorph-button--accent-bg-on-hover .nmorph-button__content:not(:disabled,[loading=true]):hover span{color:var(--nmorph-white-color)}.nmorph-button.nmorph-button--active .nmorph-button__content{color:var(--nmorph-focus-text-color);background:var(--nmorph-accent-color);box-shadow:var(--nmorph-shadow-inset)}.nmorph-button.nmorph-button--active .nmorph-button__content span,.nmorph-button.nmorph-button--active .nmorph-button__content .nmorph-icon{color:var(--nmorph-focus-text-color);--color: var(--nmorph-focus-text-color)}.nmorph-button.nmorph-button--danger .nmorph-button__content{color:var(--nmorph-error-text-color);--nmorph-button-color: var(--nmorph-error-text-color)}.nmorph-button.nmorph-button--round .nmorph-button__content{border-radius:var(--border-radius-200)}.nmorph-button.nmorph-button--circle{width:var(--height);height:var(--height);min-height:var(--height)}.nmorph-button.nmorph-button--circle .nmorph-button__content{height:var(--height);min-height:var(--height);border-radius:var(--border-radius-circular)}.nmorph-button.nmorph-button--transparent{padding:var(--indentation-00)}.nmorph-button.nmorph-button--transparent .nmorph-button__content:not(:disabled,[loading=true]):hover{color:var(--nmorph-accent-color);background:transparent;box-shadow:none}.nmorph-button.nmorph-button--transparent.nmorph-button--custom-color .nmorph-button__content:not(:disabled,[loading=true]):hover{color:var(--nmorph-button-hover-color)}.nmorph-button.nmorph-button--transparent .nmorph-button__content:not(:disabled,[loading=true]):hover span{color:var(--nmorph-accent-color)}.nmorph-button.nmorph-button--transparent.nmorph-button--custom-color .nmorph-button__content:not(:disabled,[loading=true]):hover span{color:var(--nmorph-button-hover-color);--color: var(--nmorph-button-hover-color)}.nmorph-button.nmorph-button--transparent .nmorph-button__content:not(:disabled,[loading=true]):hover .nmorph-icon{--color: var(--nmorph-accent-color)}.nmorph-button.nmorph-button--transparent.nmorph-button--custom-color .nmorph-button__content:not(:disabled,[loading=true]):hover .nmorph-icon{--color: var(--nmorph-button-hover-color)}.nmorph-button.nmorph-button--transparent .nmorph-button__content{color:var(--nmorph-button-color, var(--transparent-button-color, var(--nmorph-text-color)));background:transparent;box-shadow:none}.nmorph-button.nmorph-button--transparent .nmorph-button__content span{color:var(--nmorph-button-color, var(--transparent-button-color, var(--nmorph-text-color)));--color: var(--nmorph-button-color, var(--transparent-button-color, var(--nmorph-text-color)))}.nmorph-button.nmorph-button--transparent .nmorph-button__content .nmorph-icon{--color: var(--nmorph-button-color, var(--transparent-button-color, var(--nmorph-text-color)))}.nmorph-button.nmorph-button--square{width:var(--height);height:var(--height);min-height:var(--height)}.nmorph-button.nmorph-button--square .nmorph-button__content{height:var(--height);min-height:var(--height)}.nmorph-button.nmorph-button--icon-only{width:var(--height);height:var(--height);min-height:var(--height)}.nmorph-button.nmorph-button--icon-only .nmorph-button__content{height:var(--height);min-height:var(--height);padding:0;line-height:0}.nmorph-button.nmorph-button.nmorph--thin-component{font-weight:400;font-size:var(--font-size-extra-small);line-height:var(--line-height-regular)}.nmorph-button.nmorph-button--disabled{cursor:not-allowed;opacity:.6}

package/dist/components/basic/nmorph-button/NmorphButton.vue.js

@@ -1,74 +1,107 @@
 import './NmorphButton.css';
-import s from "./NmorphButton.vue2.js";
-import { openBlock as e, createElementBlock as r, normalizeStyle as d, normalizeClass as c, createElementVNode as m, createBlock as l, withCtx as a, createVNode as p, renderSlot as n, Fragment as f, createCommentVNode as i, toDisplayString as _ } from "vue";
-/* empty css                  */
-import b from "../../../_virtual/_plugin-vue_export-helper.js";
-const h = ["disabled", "loading", "type", "tabindex"], y = {
+import { defineComponent as C, useSlots as z, computed as o, ref as V, openBlock as t, createElementBlock as i, normalizeStyle as $, normalizeClass as N, createElementVNode as O, createBlock as r, unref as a, withCtx as s, createVNode as E, renderSlot as n, Fragment as H, createCommentVNode as f, toDisplayString as M } from "vue";
+import { useModifiers as D } from "../../../utils/create-modifiers.js";
+import { NmorphComponentHeight as w } from "../../../types/common.types.js";
+import d from "../nmorph-icon/NmorphIcon.vue.js";
+/* empty css                             */
+import I from "../../../assets/icons/loading.svg.js";
+const T = ["disabled", "loading", "type", "tabindex", "aria-pressed"], F = {
   key: 1,
   class: "nmorph-button__label"
-};
-function k(t, N, g, o, S, B) {
-  return e(), r(
-    "div",
-    {
-      class: c(o.modifiers),
-      style: d(o.buttonColorStyles)
-    },
-    [
-      m("button", {
-        ref: "buttonDOMElement",
+}, P = /* @__PURE__ */ C({
+  __name: "NmorphButton",
+  props: {
+    styleType: { default: "default" },
+    color: { default: void 0 },
+    loading: { type: Boolean, default: !1 },
+    ripple: { type: Boolean, default: !0 },
+    type: { default: "button" },
+    text: { default: void 0 },
+    accentBgOnHover: { type: Boolean, default: !1 },
+    shape: { default: "default" },
+    fill: { type: Boolean, default: !1 },
+    tabindex: { default: 0 },
+    toggle: { type: Boolean, default: !1 },
+    modelValue: { type: Boolean, default: void 0 },
+    active: { type: Boolean, default: !1 },
+    danger: { type: Boolean, default: !1 },
+    id: {},
+    name: {},
+    autocomplete: {},
+    height: { default: "basic" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:model-value"],
+  setup(y, { expose: g, emit: h }) {
+    const e = y, b = h, u = z(), v = o(() => !!u.icon), c = o(() => !!u["icon-only"]), p = o(() => e.active || !!e.modelValue), B = o(
+      () => D({
+        nmorph: [w[e.height], e.fill && "fill"],
+        "nmorph-button": [
+          e.styleType,
+          e.shape,
+          e.disabled && "disabled",
+          e.accentBgOnHover && "accent-bg-on-hover",
+          e.ripple && "ripple",
+          c.value && "icon-only",
+          e.color && "custom-color",
+          p.value && "active",
+          e.danger && "danger"
+        ]
+      })
+    ), m = V(null), _ = {
+      thin: "small",
+      basic: "medium",
+      thick: "large"
+    }, k = o(() => _[e.height]), S = o(() => e.color ? {
+      "--nmorph-button-color": e.color,
+      "--transparent-button-color": e.color,
+      "--nmorph-button-hover-color": `color-mix(in srgb, ${e.color} 75%, var(--nmorph-white-color))`
+    } : {}), x = () => {
+      !e.toggle || e.disabled || e.loading || b("update:model-value", !e.modelValue);
+    };
+    return g({ buttonDOMElement: m }), (l, j) => (t(), i("div", {
+      class: N(B.value),
+      style: $(S.value)
+    }, [
+      O("button", {
+        ref_key: "buttonDOMElement",
+        ref: m,
         class: "nmorph-button__content",
-        disabled: o.props.disabled,
-        loading: o.props.loading,
-        type: o.props.type,
-        tabindex: o.props.tabindex
+        disabled: e.disabled,
+        loading: e.loading,
+        type: e.type,
+        tabindex: e.tabindex,
+        "aria-pressed": e.toggle ? p.value : void 0,
+        onClick: x
       }, [
-        o.props.loading ? (e(), l(o.NmorphIcon, {
+        e.loading ? (t(), r(a(d), {
           key: 0,
-          size: o.loadingButtonSize
+          size: k.value
         }, {
-          default: a(() => [
-            p(o.NmorphIconLoader)
+          default: s(() => [
+            E(a(I))
           ]),
           _: 1
-          /* STABLE */
-        }, 8, ["size"])) : o.hasIconOnlySlot ? (e(), l(o.NmorphIcon, { key: 1 }, {
-          default: a(() => [
-            n(t.$slots, "icon-only")
+        }, 8, ["size"])) : c.value ? (t(), r(a(d), { key: 1 }, {
+          default: s(() => [
+            n(l.$slots, "icon-only")
           ]),
           _: 3
-          /* FORWARDED */
-        })) : (e(), r(
-          f,
-          { key: 2 },
-          [
-            o.hasIconSlot ? (e(), l(o.NmorphIcon, { key: 0 }, {
-              default: a(() => [
-                n(t.$slots, "icon")
-              ]),
-              _: 3
-              /* FORWARDED */
-            })) : i("v-if", !0),
-            n(t.$slots, "default"),
-            o.props.text !== void 0 ? (e(), r(
-              "span",
-              y,
-              _(o.props.text),
-              1
-              /* TEXT */
-            )) : i("v-if", !0),
-            n(t.$slots, "append")
-          ],
-          64
-          /* STABLE_FRAGMENT */
-        ))
-      ], 8, h)
-    ],
-    6
-    /* CLASS, STYLE */
-  );
-}
-const z = /* @__PURE__ */ b(s, [["render", k], ["__file", "/builds/ketjo/nmorph/library/src/components/basic/nmorph-button/NmorphButton.vue"]]);
+        })) : (t(), i(H, { key: 2 }, [
+          v.value ? (t(), r(a(d), { key: 0 }, {
+            default: s(() => [
+              n(l.$slots, "icon")
+            ]),
+            _: 3
+          })) : f("", !0),
+          n(l.$slots, "default"),
+          e.text !== void 0 ? (t(), i("span", F, M(e.text), 1)) : f("", !0),
+          n(l.$slots, "append")
+        ], 64))
+      ], 8, T)
+    ], 6));
+  }
+});
 export {
-  z as default
+  P as default
 };

package/dist/components/basic/nmorph-button/NmorphButton.vue3.js

@@ -0,0 +1,6 @@
+import './NmorphButton.css';
+import o from "./NmorphButton.vue.js";
+/* empty css                  */
+export {
+  o as default
+};

package/dist/components/basic/nmorph-icon/NmorphIcon.vue.js

@@ -1,26 +1,37 @@
 import './NmorphIcon.css';
-import r from "./NmorphIcon.vue2.js";
-import { openBlock as t, createElementBlock as n, normalizeStyle as s, normalizeClass as c, createElementVNode as i, renderSlot as m } from "vue";
-/* empty css                */
-import l from "../../../_virtual/_plugin-vue_export-helper.js";
-const a = { class: "nmorph-icon__content" };
-function p(e, _, d, o, f, h) {
-  return t(), n(
-    "div",
-    {
-      class: c(o.modifiers),
-      style: s(o.customStyles)
-    },
-    [
-      i("div", a, [
-        m(e.$slots, "default")
+import { defineComponent as r, computed as t, openBlock as c, createElementBlock as n, normalizeStyle as h, normalizeClass as d, createElementVNode as m, renderSlot as a } from "vue";
+import { useModifiers as u } from "../../../utils/create-modifiers.js";
+const f = { class: "nmorph-icon__content" }, v = /* @__PURE__ */ r({
+  __name: "NmorphIcon",
+  props: {
+    size: { default: "small" },
+    width: { default: void 0 },
+    height: { default: void 0 },
+    color: { default: void 0 }
+  },
+  setup(i) {
+    const o = i, s = t(
+      () => u({
+        "nmorph-icon": [
+          !o.width && !o.height && o.size,
+          o.width && "custom-width",
+          o.height && "custom-height"
+        ]
+      })
+    ), l = t(() => {
+      const e = {};
+      return o.width && (e["--width"] = o.width), o.height && (e["--height"] = o.height), o.color && (e["--nmorph-icon-color"] = o.color, e["--color"] = o.color), e;
+    });
+    return (e, p) => (c(), n("div", {
+      class: d(s.value),
+      style: h(l.value)
+    }, [
+      m("div", f, [
+        a(e.$slots, "default")
       ])
-    ],
-    6
-    /* CLASS, STYLE */
-  );
-}
-const v = /* @__PURE__ */ l(r, [["render", p], ["__file", "/builds/ketjo/nmorph/library/src/components/basic/nmorph-icon/NmorphIcon.vue"]]);
+    ], 6));
+  }
+});
 export {
   v as default
 };

package/dist/components/basic/nmorph-icon/NmorphIcon.vue3.js

@@ -0,0 +1,6 @@
+import './NmorphIcon.css';
+import o from "./NmorphIcon.vue.js";
+/* empty css                */
+export {
+  o as default
+};

package/dist/components/basic/nmorph-layout/NmorphLayout.vue.js

@@ -1,50 +1,66 @@
 import './NmorphLayout.css';
-import l from "./NmorphLayout.vue2.js";
-import { openBlock as s, createBlock as n, resolveDynamicComponent as d, normalizeStyle as m, normalizeClass as _, withCtx as c, createElementBlock as r, renderSlot as t, createCommentVNode as a, createElementVNode as i } from "vue";
-/* empty css                  */
-import h from "../../../_virtual/_plugin-vue_export-helper.js";
-const f = {
+import { defineComponent as c, useSlots as p, computed as d, openBlock as t, createBlock as f, resolveDynamicComponent as _, normalizeStyle as y, normalizeClass as g, withCtx as k, unref as l, createElementBlock as i, renderSlot as s, createCommentVNode as r, createElementVNode as n } from "vue";
+import { useModifiers as C } from "../../../utils/create-modifiers.js";
+import { createCssSizeVariables as $ } from "../../../utils/common.js";
+const v = {
   key: 0,
   class: "nmorph-layout__header"
-}, p = { class: "nmorph-layout__body" }, y = {
+}, B = { class: "nmorph-layout__body" }, P = {
   key: 0,
   class: "nmorph-layout__aside"
-}, u = { class: "nmorph-layout__main" }, k = {
+}, S = { class: "nmorph-layout__main" }, z = {
   key: 1,
   class: "nmorph-layout__aside"
-}, v = {
+}, N = {
   key: 1,
   class: "nmorph-layout__footer"
-};
-function b(e, C, N, o, B, g) {
-  return s(), n(d(o.props.tag), {
-    class: _(o.modifiers),
-    style: m(o.styles)
-  }, {
-    default: c(() => [
-      o.slots.header ? (s(), r("header", f, [
-        t(e.$slots, "header")
-      ])) : a("v-if", !0),
-      i("div", p, [
-        o.slots.aside && o.props.asidePosition === "left" ? (s(), r("aside", y, [
-          t(e.$slots, "aside")
-        ])) : a("v-if", !0),
-        i("main", u, [
-          t(e.$slots, "default")
+}, H = /* @__PURE__ */ c({
+  __name: "NmorphLayout",
+  props: {
+    tag: { default: "section" },
+    gap: { default: 0 },
+    asideWidth: { default: "240px" },
+    asidePosition: { default: "left" },
+    fullHeight: { type: Boolean, default: !1 }
+  },
+  setup(u) {
+    const e = u, a = p(), m = d(
+      () => C({
+        "nmorph-layout": [`aside-${e.asidePosition}`, e.fullHeight && "full-height"]
+      })
+    ), h = d(
+      () => $({
+        "--nmorph-layout-gap": e.gap,
+        "--nmorph-layout-aside-width": e.asideWidth
+      })
+    );
+    return (o, V) => (t(), f(_(e.tag), {
+      class: g(m.value),
+      style: y(h.value)
+    }, {
+      default: k(() => [
+        l(a).header ? (t(), i("header", v, [
+          s(o.$slots, "header")
+        ])) : r("", !0),
+        n("div", B, [
+          l(a).aside && e.asidePosition === "left" ? (t(), i("aside", P, [
+            s(o.$slots, "aside")
+          ])) : r("", !0),
+          n("main", S, [
+            s(o.$slots, "default")
+          ]),
+          l(a).aside && e.asidePosition === "right" ? (t(), i("aside", z, [
+            s(o.$slots, "aside")
+          ])) : r("", !0)
         ]),
-        o.slots.aside && o.props.asidePosition === "right" ? (s(), r("aside", k, [
-          t(e.$slots, "aside")
-        ])) : a("v-if", !0)
+        l(a).footer ? (t(), i("footer", N, [
+          s(o.$slots, "footer")
+        ])) : r("", !0)
       ]),
-      o.slots.footer ? (s(), r("footer", v, [
-        t(e.$slots, "footer")
-      ])) : a("v-if", !0)
-    ]),
-    _: 3
-    /* FORWARDED */
-  }, 8, ["class", "style"]);
-}
-const S = /* @__PURE__ */ h(l, [["render", b], ["__file", "/builds/ketjo/nmorph/library/src/components/basic/nmorph-layout/NmorphLayout.vue"]]);
+      _: 3
+    }, 8, ["class", "style"]));
+  }
+});
 export {
-  S as default
+  H as default
 };

package/dist/components/basic/nmorph-layout/NmorphLayout.vue3.js

@@ -0,0 +1,6 @@
+import './NmorphLayout.css';
+import o from "./NmorphLayout.vue.js";
+/* empty css                  */
+export {
+  o as default
+};

package/dist/components/basic/nmorph-link/NmorphLink.vue.js

@@ -1,59 +1,73 @@
 import './NmorphLink.css';
-import c from "./NmorphLink.vue2.js";
-import { openBlock as o, createElementBlock as a, normalizeStyle as m, normalizeClass as p, createElementVNode as d, renderSlot as t, createBlock as n, withCtx as i, resolveDynamicComponent as h, createCommentVNode as l, createTextVNode as f, toDisplayString as _ } from "vue";
-/* empty css                */
-import k from "../../../_virtual/_plugin-vue_export-helper.js";
-const y = ["href", "target"];
-function v(r, x, s, e, N, g) {
-  return o(), a(
-    "div",
-    {
-      class: p(e.modifiers),
-      style: m(e.styles)
-    },
-    [
-      d("a", {
-        href: e.props.href,
-        target: e.props.target
+import { defineComponent as y, useSlots as k, computed as l, openBlock as t, createElementBlock as v, normalizeStyle as C, normalizeClass as g, createElementVNode as x, renderSlot as a, createBlock as s, unref as i, withCtx as d, resolveDynamicComponent as $, createCommentVNode as p, createTextVNode as B, toDisplayString as b } from "vue";
+import { useModifiers as S } from "../../../utils/create-modifiers.js";
+import { createCssVariables as V } from "../../../utils/common.js";
+import * as w from "../nmorph-icon/NmorphIcons.js";
+import { NmorphColor as I } from "../../../types/common.types.js";
+import f from "../nmorph-icon/NmorphIcon.vue.js";
+/* empty css                             */
+const z = ["href", "target"], P = /* @__PURE__ */ y({
+  __name: "NmorphLink",
+  props: {
+    type: { default: I.accent },
+    underline: { type: Boolean, default: !1 },
+    href: { default: "" },
+    text: { default: "" },
+    target: { default: "self" },
+    disabled: { type: Boolean, default: !1 },
+    color: { default: void 0 },
+    iconName: { default: void 0 }
+  },
+  setup(c) {
+    const e = c, u = k(), r = w, h = (o) => o.split(/[-_\s]+/).filter(Boolean).map((n) => `${n.charAt(0).toUpperCase()}${n.slice(1)}`).join(""), m = l(() => {
+      if (e.iconName)
+        return e.iconName in r ? r[e.iconName] : r[`NmorphIcon${h(e.iconName)}`];
+    }), N = l(
+      () => S({
+        "nmorph-link": [e.type, e.underline && "underline", e.disabled && "disabled"]
+      })
+    ), _ = l(
+      () => V({
+        "--link-color": e.color
+      })
+    );
+    return (o, n) => (t(), v("div", {
+      class: g(N.value),
+      style: C(_.value)
+    }, [
+      x("a", {
+        href: e.href,
+        target: e.target
       }, [
-        t(r.$slots, "prepend"),
-        e.resolvedIcon ? (o(), n(e.NmorphIcon, {
+        a(o.$slots, "prepend"),
+        m.value ? (t(), s(i(f), {
           key: 0,
           class: "nmorph-link__icon",
           width: "10px",
           height: "10px"
         }, {
-          default: i(() => [
-            (o(), n(h(e.resolvedIcon)))
+          default: d(() => [
+            (t(), s($(m.value)))
           ]),
           _: 1
-          /* STABLE */
-        })) : l("v-if", !0),
-        f(
-          " " + _(s.text) + " ",
-          1
-          /* TEXT */
-        ),
-        e.slots.icon ? (o(), n(e.NmorphIcon, {
+        })) : p("", !0),
+        B(" " + b(c.text) + " ", 1),
+        i(u).icon ? (t(), s(i(f), {
           key: 1,
           class: "nmorph-link__icon",
           width: "10px",
           height: "10px"
         }, {
-          default: i(() => [
-            t(r.$slots, "icon")
+          default: d(() => [
+            a(o.$slots, "icon")
           ]),
           _: 3
-          /* FORWARDED */
-        })) : l("v-if", !0),
-        t(r.$slots, "default")
-      ], 8, y)
-    ],
-    6
-    /* CLASS, STYLE */
-  );
-}
-const B = /* @__PURE__ */ k(c, [["render", v], ["__file", "/builds/ketjo/nmorph/library/src/components/basic/nmorph-link/NmorphLink.vue"]]);
+        })) : p("", !0),
+        a(o.$slots, "default")
+      ], 8, z)
+    ], 6));
+  }
+});
 export {
-  B as default
+  P as default
 };

package/dist/components/basic/nmorph-link/NmorphLink.vue3.js

@@ -0,0 +1,6 @@
+import './NmorphLink.css';
+import o from "./NmorphLink.vue.js";
+/* empty css                */
+export {
+  o as default
+};