@nmorph/nmorph-ui-kit 3.0.16 → 3.0.17

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

@@ -1,12 +1,12 @@
 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";
+import n from "./NmorphLayout.vue2.js";
+import { openBlock as s, createBlock as l, resolveDynamicComponent as d, normalizeProps as m, guardReactiveProps as _, withCtx as c, createElementBlock as t, renderSlot as r, createCommentVNode as a, createElementVNode as i } from "vue";
 /* empty css                  */
 import h from "../../../_virtual/_plugin-vue_export-helper.js";
-const f = {
+const p = {
   key: 0,
   class: "nmorph-layout__header"
-}, p = { class: "nmorph-layout__body" }, y = {
+}, f = { class: "nmorph-layout__body" }, y = {
   key: 0,
   class: "nmorph-layout__aside"
 }, u = { class: "nmorph-layout__main" }, k = {
@@ -16,35 +16,38 @@ const f = {
   key: 1,
   class: "nmorph-layout__footer"
 };
-function C(e, N, b, 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")
+function N(e, P, b, o, g, B) {
+  return s(), l(
+    d(o.props.tag),
+    m(_(o.rootAttrs)),
+    {
+      default: c(() => [
+        o.slots.header ? (s(), t("header", p, [
+          r(e.$slots, "header")
         ])) : a("v-if", !0),
-        i("main", u, [
-          t(e.$slots, "default")
+        i("div", f, [
+          o.slots.aside && o.props.asidePosition === "left" ? (s(), t("aside", y, [
+            r(e.$slots, "aside")
+          ])) : a("v-if", !0),
+          i("main", u, [
+            r(e.$slots, "default")
+          ]),
+          o.slots.aside && o.props.asidePosition === "right" ? (s(), t("aside", k, [
+            r(e.$slots, "aside")
+          ])) : a("v-if", !0)
         ]),
-        o.slots.aside && o.props.asidePosition === "right" ? (s(), r("aside", k, [
-          t(e.$slots, "aside")
+        o.slots.footer ? (s(), t("footer", v, [
+          r(e.$slots, "footer")
         ])) : a("v-if", !0)
       ]),
-      o.slots.footer ? (s(), r("footer", v, [
-        t(e.$slots, "footer")
-      ])) : a("v-if", !0)
-    ]),
-    _: 3
-    /* FORWARDED */
-  }, 8, ["class", "style"]);
+      _: 3
+      /* FORWARDED */
+    },
+    16
+    /* FULL_PROPS */
+  );
 }
-const P = /* @__PURE__ */ h(l, [["render", C], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/basic/nmorph-layout/NmorphLayout.vue"]]);
+const V = /* @__PURE__ */ h(n, [["render", N], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/basic/nmorph-layout/NmorphLayout.vue"]]);
 export {
-  P as default
+  V as default
 };

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

@@ -1,8 +1,10 @@
 import './NmorphLayout.css';
-import { defineComponent as p, useSlots as u, computed as r } from "vue";
+import { defineComponent as u, useSlots as n, computed as i } from "vue";
 import { useModifiers as d } from "../../../utils/create-modifiers.js";
-import { createCssSizeVariables as n } from "../../../utils/common.js";
-const g = /* @__PURE__ */ p({
+import { createCssSizeVariables as f } from "../../../utils/common.js";
+import { useMergedAttrs as m } from "../../../utils/attrs.js";
+const _ = /* @__PURE__ */ u({
+  inheritAttrs: !1,
   __name: "NmorphLayout",
   props: {
     tag: { type: String, required: !1, default: "section" },
@@ -11,21 +13,21 @@ const g = /* @__PURE__ */ p({
     asidePosition: { type: String, required: !1, default: "left" },
     fullHeight: { type: Boolean, required: !1, default: !1 }
   },
-  setup(i, { expose: s }) {
-    s();
-    const e = i, o = u(), a = r(
+  setup(o, { expose: a }) {
+    a();
+    const e = o, l = n(), t = i(
       () => d({
         "nmorph-layout": [`aside-${e.asidePosition}`, e.fullHeight && "full-height"]
       })
-    ), l = r(
-      () => n({
+    ), r = i(
+      () => f({
         "--nmorph-private-layout-gap": e.gap,
         "--nmorph-private-layout-aside-width": e.asideWidth
       })
-    ), t = { props: e, slots: o, modifiers: a, styles: l };
-    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+    ), p = m(t, r), s = { props: e, slots: l, modifiers: t, styles: r, rootAttrs: p };
+    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
   }
 });
 export {
-  g as default
+  _ as default
 };

package/dist/components/basic/nmorph-space/NmorphSpace.vue.js

@@ -1,21 +1,24 @@
 import './NmorphSpace.css';
 import e from "./NmorphSpace.vue2.js";
-import { openBlock as s, createBlock as t, resolveDynamicComponent as n, normalizeStyle as a, normalizeClass as m, withCtx as p, renderSlot as c } from "vue";
+import { openBlock as t, createBlock as p, resolveDynamicComponent as n, normalizeProps as a, guardReactiveProps as c, withCtx as m, renderSlot as s } from "vue";
 /* empty css                 */
-import l from "../../../_virtual/_plugin-vue_export-helper.js";
-function i(r, f, _, o, d, h) {
-  return s(), t(n(o.props.tag), {
-    class: m(o.modifiers),
-    style: a(o.styles)
-  }, {
-    default: p(() => [
-      c(r.$slots, "default")
-    ]),
-    _: 3
-    /* FORWARDED */
-  }, 8, ["class", "style"]);
+import i from "../../../_virtual/_plugin-vue_export-helper.js";
+function f(o, l, _, r, d, h) {
+  return t(), p(
+    n(r.props.tag),
+    a(c(r.rootAttrs)),
+    {
+      default: m(() => [
+        s(o.$slots, "default")
+      ]),
+      _: 3
+      /* FORWARDED */
+    },
+    16
+    /* FULL_PROPS */
+  );
 }
-const x = /* @__PURE__ */ l(e, [["render", i], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/basic/nmorph-space/NmorphSpace.vue"]]);
+const S = /* @__PURE__ */ i(e, [["render", f], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/basic/nmorph-space/NmorphSpace.vue"]]);
 export {
-  x as default
+  S as default
 };

package/dist/components/basic/nmorph-space/NmorphSpace.vue2.js

@@ -1,8 +1,10 @@
 import './NmorphSpace.css';
-import { defineComponent as d, computed as t } from "vue";
-import { useModifiers as m } from "../../../utils/create-modifiers.js";
-import { toCssSize as c } from "../../../utils/common.js";
-const _ = /* @__PURE__ */ d({
+import { defineComponent as m, computed as t } from "vue";
+import { useModifiers as c } from "../../../utils/create-modifiers.js";
+import { toCssSize as y } from "../../../utils/common.js";
+import { useMergedAttrs as g } from "../../../utils/attrs.js";
+const v = /* @__PURE__ */ m({
+  inheritAttrs: !1,
   __name: "NmorphSpace",
   props: {
     tag: { type: String, required: !1, default: "div" },
@@ -14,28 +16,28 @@ const _ = /* @__PURE__ */ d({
     inline: { type: Boolean, required: !1, default: !1 },
     fill: { type: Boolean, required: !1, default: !1 }
   },
-  setup(p, { expose: o }) {
-    o();
-    const e = p, r = {
+  setup(f, { expose: u }) {
+    u();
+    const e = f, r = {
       small: "4px",
       medium: "8px",
       large: "16px"
-    }, f = t(
-      () => m({
+    }, i = t(
+      () => c({
         "nmorph-space": [e.direction, e.wrap && "wrap", e.inline && "inline", e.fill && "fill"]
       })
-    ), i = (n) => c(r[n] || n), a = t(
+    ), s = (p) => y(r[p] || p), a = t(
       () => e.align === "start" || e.align === "end" ? `flex-${e.align}` : e.align
-    ), s = t(
+    ), n = t(
       () => e.justify === "start" || e.justify === "end" ? `flex-${e.justify}` : e.justify
-    ), u = t(() => ({
-      "--nmorph-private-space-gap": i(e.size),
+    ), l = t(() => ({
+      "--nmorph-private-space-gap": s(e.size),
       "--nmorph-private-space-align": a.value,
-      "--nmorph-private-space-justify": s.value
-    })), l = { props: e, sizeMap: r, modifiers: f, resolveSpaceSize: i, alignItems: a, justifyContent: s, styles: u };
-    return Object.defineProperty(l, "__isScriptSetup", { enumerable: !1, value: !0 }), l;
+      "--nmorph-private-space-justify": n.value
+    })), d = g(i, l), o = { props: e, sizeMap: r, modifiers: i, resolveSpaceSize: s, alignItems: a, justifyContent: n, styles: l, rootAttrs: d };
+    return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
   }
 });
 export {
-  _ as default
+  v as default
 };

package/dist/components/basic/nmorph-text/NmorphText.vue.js

@@ -1,23 +1,26 @@
 import e from "./NmorphText.vue2.js";
-import { openBlock as t, createBlock as s, resolveDynamicComponent as n, normalizeStyle as a, normalizeClass as l, withCtx as m, renderSlot as p, createTextVNode as c, toDisplayString as i } from "vue";
+import { openBlock as t, createBlock as n, resolveDynamicComponent as p, normalizeProps as a, guardReactiveProps as s, withCtx as m, renderSlot as c, createTextVNode as i, toDisplayString as l } from "vue";
 import f from "../../../_virtual/_plugin-vue_export-helper.js";
-function _(r, d, h, o, x, y) {
-  return t(), s(n(o.props.as), {
-    class: l(o.modifiers),
-    style: a(o.styles)
-  }, {
-    default: m(() => [
-      p(r.$slots, "default", {}, () => [
-        c(
-          i(o.props.text),
-          1
-          /* TEXT */
-        )
-      ])
-    ]),
-    _: 3
-    /* FORWARDED */
-  }, 8, ["class", "style"]);
+function _(o, d, h, r, x, u) {
+  return t(), n(
+    p(r.props.as),
+    a(s(r.rootAttrs)),
+    {
+      default: m(() => [
+        c(o.$slots, "default", {}, () => [
+          i(
+            l(r.props.text),
+            1
+            /* TEXT */
+          )
+        ])
+      ]),
+      _: 3
+      /* FORWARDED */
+    },
+    16
+    /* FULL_PROPS */
+  );
 }
 const N = /* @__PURE__ */ f(e, [["render", _], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/basic/nmorph-text/NmorphText.vue"]]);
 export {

package/dist/components/basic/nmorph-text/NmorphText.vue2.js

@@ -1,7 +1,9 @@
-import { defineComponent as i, computed as o } from "vue";
-import { useModifiers as s } from "../../../utils/create-modifiers.js";
-import { createCssVariables as c } from "../../../utils/common.js";
-const f = /* @__PURE__ */ i({
+import { defineComponent as p, computed as l } from "vue";
+import { useModifiers as c } from "../../../utils/create-modifiers.js";
+import { createCssVariables as u } from "../../../utils/common.js";
+import { useMergedAttrs as f } from "../../../utils/attrs.js";
+const x = /* @__PURE__ */ p({
+  inheritAttrs: !1,
   __name: "NmorphText",
   props: {
     as: { type: String, required: !1, default: "span" },
@@ -10,13 +12,16 @@ const f = /* @__PURE__ */ i({
     weight: { type: null, required: !1, default: void 0 },
     color: { type: null, required: !1, default: "text" },
     align: { type: null, required: !1, default: "inherit" },
+    selectable: { type: Boolean, required: !1, default: !0 },
+    italic: { type: Boolean, required: !1, default: !1 },
+    noLineHeight: { type: Boolean, required: !1, default: !1 },
     truncate: { type: Boolean, required: !1, default: !1 },
     nowrap: { type: Boolean, required: !1, default: !1 },
     lineClamp: { type: Number, required: !1, default: void 0 }
   },
-  setup(a, { expose: l }) {
-    l();
-    const e = a, r = {
+  setup(n, { expose: i }) {
+    i();
+    const e = n, r = {
       text: "var(--nmorph-text-color)",
       contrast: "var(--nmorph-contrast-text-color)",
       "semi-contrast": "var(--nmorph-semi-contrast-text-color)",
@@ -27,26 +32,29 @@ const f = /* @__PURE__ */ i({
       warning: "var(--nmorph-warning-text-color)",
       error: "var(--nmorph-error-text-color)",
       white: "var(--nmorph-white-color)"
-    }, n = o(
-      () => s({
+    }, t = l(
+      () => c({
         "nmorph-typography": [
           e.variant,
           e.weight,
+          !e.selectable && "not-selectable",
+          e.italic && "italic",
+          e.noLineHeight && "no-line-height",
           e.truncate && "truncate",
           e.nowrap && "nowrap",
           e.lineClamp && "line-clamp"
         ]
       })
-    ), p = o(
-      () => c({
+    ), o = l(
+      () => u({
         "--nmorph-private-text-color": r[e.color] || e.color,
         "--nmorph-private-text-align": e.align === "inherit" ? void 0 : e.align,
         "--nmorph-private-text-line-clamp": e.lineClamp
       })
-    ), t = { props: e, colorMap: r, modifiers: n, styles: p };
-    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+    ), s = f(t, o), a = { props: e, colorMap: r, modifiers: t, styles: o, rootAttrs: s };
+    return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
   }
 });
 export {
-  f as default
+  x as default
 };

package/dist/components/data/nmorph-card/NmorphCard.vue.js

@@ -1,44 +1,47 @@
 import './NmorphCard.css';
-import l from "./NmorphCard.vue2.js";
-import { openBlock as r, createBlock as c, resolveDynamicComponent as m, normalizeStyle as d, normalizeClass as s, withCtx as i, createElementBlock as a, renderSlot as t, createCommentVNode as n, createElementVNode as p } from "vue";
+import n from "./NmorphCard.vue2.js";
+import { openBlock as e, createBlock as c, resolveDynamicComponent as m, normalizeProps as d, guardReactiveProps as l, withCtx as p, createElementBlock as a, renderSlot as t, createCommentVNode as s, createElementVNode as i, normalizeClass as _ } from "vue";
 /* empty css                */
-import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-const f = {
+import f from "../../../_virtual/_plugin-vue_export-helper.js";
+const h = {
   key: 0,
   class: "nmorph-card__header"
-}, h = {
+}, v = {
   key: 1,
   class: "nmorph-card__footer"
 };
-function y(e, v, C, o, k, u) {
-  return r(), c(m(o.props.tag), {
-    class: s(o.modifiers),
-    style: d(o.styles)
-  }, {
-    default: i(() => [
-      o.slots.header ? (r(), a("div", f, [
-        t(e.$slots, "header")
-      ])) : n("v-if", !0),
-      p(
-        "div",
-        {
-          class: s(["nmorph-card__content", o.props.contentClass])
-        },
-        [
-          t(e.$slots, "default")
-        ],
-        2
-        /* CLASS */
-      ),
-      o.slots.footer ? (r(), a("div", h, [
-        t(e.$slots, "footer")
-      ])) : n("v-if", !0)
-    ]),
-    _: 3
-    /* FORWARDED */
-  }, 8, ["class", "style"]);
+function C(r, k, u, o, y, N) {
+  return e(), c(
+    m(o.props.tag),
+    d(l(o.rootAttrs)),
+    {
+      default: p(() => [
+        o.slots.header ? (e(), a("div", h, [
+          t(r.$slots, "header")
+        ])) : s("v-if", !0),
+        i(
+          "div",
+          {
+            class: _(["nmorph-card__content", o.props.contentClass])
+          },
+          [
+            t(r.$slots, "default")
+          ],
+          2
+          /* CLASS */
+        ),
+        o.slots.footer ? (e(), a("div", v, [
+          t(r.$slots, "footer")
+        ])) : s("v-if", !0)
+      ]),
+      _: 3
+      /* FORWARDED */
+    },
+    16
+    /* FULL_PROPS */
+  );
 }
-const E = /* @__PURE__ */ _(l, [["render", y], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/data/nmorph-card/NmorphCard.vue"]]);
+const E = /* @__PURE__ */ f(n, [["render", C], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/data/nmorph-card/NmorphCard.vue"]]);
 export {
   E as default
 };

package/dist/components/data/nmorph-card/NmorphCard.vue2.js

@@ -1,9 +1,11 @@
 import './NmorphCard.css';
-import { defineComponent as g, useSlots as y, computed as i } from "vue";
-import { useModifiers as v } from "../../../utils/create-modifiers.js";
+import { defineComponent as y, useSlots as v, computed as i } from "vue";
+import { useModifiers as S } from "../../../utils/create-modifiers.js";
 import { toCssSize as r } from "../../../utils/common.js";
-import { NmorphShadowType as S } from "../../../types/common.types.js";
-const w = /* @__PURE__ */ g({
+import { useMergedAttrs as b } from "../../../utils/attrs.js";
+import { NmorphShadowType as q } from "../../../types/common.types.js";
+const T = /* @__PURE__ */ y({
+  inheritAttrs: !1,
   __name: "NmorphCard",
   props: {
     design: { type: null, required: !1, default: "nmorph" },
@@ -18,31 +20,31 @@ const w = /* @__PURE__ */ g({
     fill: { type: Boolean, required: !1, default: !0 },
     tag: { type: String, required: !1, default: "div" }
   },
-  setup(s, { expose: u }) {
-    u();
-    const e = s, l = y(), d = i(() => e.design || "nmorph"), c = i(
-      () => v({
-        nmorph: [d.value === "nmorph" ? S[e.shadowType] : ""],
-        "nmorph-card": [d.value, e.shadowType, e.fill ? "fill" : "fit-content"]
+  setup(l, { expose: c }) {
+    c();
+    const e = l, m = v(), t = i(() => e.design || "nmorph"), o = i(
+      () => S({
+        nmorph: [t.value === "nmorph" ? q[e.shadowType] : ""],
+        "nmorph-card": [t.value, e.shadowType, e.fill ? "fill" : "fit-content"]
       })
-    ), m = i(() => {
-      const t = e.padding !== void 0 ? r(e.padding) : r(e.cardPadding), n = r(e.radius), p = r(e.contentPadding), a = Math.max(0, Number(e.paper) || 0), f = Math.min(a * 0.08, 0.48), h = Math.min(a * 0.04, 0.2);
+    ), n = i(() => {
+      const d = e.padding !== void 0 ? r(e.padding) : r(e.cardPadding), s = r(e.radius), u = r(e.contentPadding), a = Math.max(0, Number(e.paper) || 0), h = Math.min(a * 0.08, 0.48), g = Math.min(a * 0.04, 0.2);
       return {
         ...e.shadowType === "combined" && {
           "--nmorph-private-card-combined-border-width": `${e.combinedShadowBorderWidth}px`
         },
-        ...t !== void 0 && { "--nmorph-private-card-padding": t, padding: t },
-        ...n !== void 0 && { "--nmorph-private-card-radius": n },
-        ...p !== void 0 && { "--nmorph-private-card-content-padding": p },
+        ...d !== void 0 && { "--nmorph-private-card-padding": d, padding: d },
+        ...s !== void 0 && { "--nmorph-private-card-radius": s },
+        ...u !== void 0 && { "--nmorph-private-card-content-padding": u },
         ...a > 0 && {
-          "--nmorph-private-card-paper-light-opacity": String(f),
-          "--nmorph-private-card-paper-dark-opacity": String(h)
+          "--nmorph-private-card-paper-light-opacity": String(h),
+          "--nmorph-private-card-paper-dark-opacity": String(g)
         }
       };
-    }), o = { props: e, slots: l, resolvedDesign: d, modifiers: c, styles: m };
-    return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
+    }), f = b(o, n), p = { props: e, slots: m, resolvedDesign: t, modifiers: o, styles: n, rootAttrs: f };
+    return Object.defineProperty(p, "__isScriptSetup", { enumerable: !1, value: !0 }), p;
   }
 });
 export {
-  w as default
+  T as default
 };

package/dist/components/data/nmorph-preview-portal/NmorphPreviewPortal.vue.js

@@ -1,35 +1,32 @@
 import './NmorphPreviewPortal.css';
 import v from "./NmorphPreviewPortal.vue2.js";
-import { openBlock as t, createBlock as c, Teleport as h, createElementVNode as m, normalizeStyle as f, normalizeClass as n, createVNode as e, withCtx as l, renderSlot as d, createElementBlock as a, createCommentVNode as i } from "vue";
+import { openBlock as t, createBlock as c, Teleport as h, createElementVNode as m, normalizeProps as f, guardReactiveProps as w, createVNode as e, withCtx as n, normalizeClass as l, renderSlot as d, createElementBlock as a, createCommentVNode as i } from "vue";
 /* empty css                         */
-import w from "../../../_virtual/_plugin-vue_export-helper.js";
-function _(p, r, N, o, C, k) {
+import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+function N(s, r, C, o, k, y) {
   return o.props.show ? (t(), c(h, {
     key: 0,
     to: "body"
   }, [
     m(
       "div",
-      {
-        class: n(o.rootClasses),
-        style: f(o.portalStyle)
-      },
+      f(w(o.rootAttrs)),
       [
         e(o.NmorphOverlay, {
           show: o.props.show,
           "z-index": o.props.zIndex,
           "disabled-teleport": "",
-          onOnOutsideClick: r[2] || (r[2] = (s) => o.emit("close")),
-          onOnEscapeKeydown: r[3] || (r[3] = (s) => o.emit("close"))
+          onOnOutsideClick: r[2] || (r[2] = (p) => o.emit("close")),
+          onOnEscapeKeydown: r[3] || (r[3] = (p) => o.emit("close"))
         }, {
-          default: l(() => [
+          default: n(() => [
             m(
               "div",
               {
-                class: n(["nmorph-preview-portal__content", o.props.contentClass])
+                class: l(["nmorph-preview-portal__content", o.props.contentClass])
               },
               [
-                d(p.$slots, "default")
+                d(s.$slots, "default")
               ],
               2
               /* CLASS */
@@ -38,18 +35,18 @@ function _(p, r, N, o, C, k) {
               "div",
               {
                 key: 0,
-                class: n(["nmorph-preview-portal__left", o.props.leftClass])
+                class: l(["nmorph-preview-portal__left", o.props.leftClass])
               },
               [
                 e(o.NmorphButton, {
                   class: "nmorph-preview-portal__control-button",
                   design: "plain",
                   borderless: "",
-                  onClick: r[0] || (r[0] = (s) => o.emit("previous"))
+                  onClick: r[0] || (r[0] = (p) => o.emit("previous"))
                 }, {
-                  default: l(() => [
+                  default: n(() => [
                     e(o.NmorphIcon, null, {
-                      default: l(() => [
+                      default: n(() => [
                         e(o.NmorphIconChevronDown)
                       ]),
                       _: 1
@@ -67,18 +64,18 @@ function _(p, r, N, o, C, k) {
               "div",
               {
                 key: 1,
-                class: n(["nmorph-preview-portal__right", o.props.rightClass])
+                class: l(["nmorph-preview-portal__right", o.props.rightClass])
               },
               [
                 e(o.NmorphButton, {
                   class: "nmorph-preview-portal__control-button",
                   design: "plain",
                   borderless: "",
-                  onClick: r[1] || (r[1] = (s) => o.emit("next"))
+                  onClick: r[1] || (r[1] = (p) => o.emit("next"))
                 }, {
-                  default: l(() => [
+                  default: n(() => [
                     e(o.NmorphIcon, null, {
-                      default: l(() => [
+                      default: n(() => [
                         e(o.NmorphIconChevronDown)
                       ]),
                       _: 1
@@ -96,10 +93,10 @@ function _(p, r, N, o, C, k) {
               "div",
               {
                 key: 2,
-                class: n(["nmorph-preview-portal__actions", o.props.actionsClass])
+                class: l(["nmorph-preview-portal__actions", o.props.actionsClass])
               },
               [
-                d(p.$slots, "actions")
+                d(s.$slots, "actions")
               ],
               2
               /* CLASS */
@@ -109,12 +106,12 @@ function _(p, r, N, o, C, k) {
           /* FORWARDED */
         }, 8, ["show", "z-index"])
       ],
-      6
-      /* CLASS, STYLE */
+      16
+      /* FULL_PROPS */
     )
   ])) : i("v-if", !0);
 }
-const B = /* @__PURE__ */ w(v, [["render", _], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/data/nmorph-preview-portal/NmorphPreviewPortal.vue"]]);
+const P = /* @__PURE__ */ _(v, [["render", N], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/data/nmorph-preview-portal/NmorphPreviewPortal.vue"]]);
 export {
-  B as default
+  P as default
 };