@feedmepos/mf-brand-app-builder 0.5.12 → 0.5.14-alpha

package/dist/ProjectView-BWC0s0Bv.js

@@ -0,0 +1,509 @@
+import { defineComponent as me, ref as he, computed as pe, watch as ye, resolveComponent as Z, createElementBlock as A, openBlock as v, createElementVNode as M, Fragment as oe, renderList as ue, createVNode as B, createCommentVNode as T, normalizeClass as ve, createBlock as R, unref as re, toDisplayString as se, withCtx as X } from "vue";
+import { u as $e } from "./index-CVTxYyKn.js";
+import { useCoreStore as ge } from "@feedmepos/mf-common";
+import { p as be } from "./views-Dd4l-D61.js";
+import { useRouter as Me } from "vue-router";
+import { g as le, c as de } from "./_commonjsHelpers-DaMA6jEr.js";
+var ce = { exports: {} };
+(function(j, P) {
+  (function(C, O) {
+    j.exports = O();
+  })(de, function() {
+    var C = 1e3, O = 6e4, L = 36e5, $ = "millisecond", D = "second", F = "minute", c = "hour", u = "day", g = "week", f = "month", I = "quarter", b = "year", k = "date", H = "Invalid Date", o = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, Y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, q = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(s) {
+      var n = ["th", "st", "nd", "rd"], e = s % 100;
+      return "[" + s + (n[(e - 20) % 10] || n[e] || n[0]) + "]";
+    } }, G = function(s, n, e) {
+      var r = String(s);
+      return !r || r.length >= n ? s : "" + Array(n + 1 - r.length).join(e) + s;
+    }, V = { s: G, z: function(s) {
+      var n = -s.utcOffset(), e = Math.abs(n), r = Math.floor(e / 60), t = e % 60;
+      return (n <= 0 ? "+" : "-") + G(r, 2, "0") + ":" + G(t, 2, "0");
+    }, m: function s(n, e) {
+      if (n.date() < e.date()) return -s(e, n);
+      var r = 12 * (e.year() - n.year()) + (e.month() - n.month()), t = n.clone().add(r, f), i = e - t < 0, a = n.clone().add(r + (i ? -1 : 1), f);
+      return +(-(r + (e - t) / (i ? t - a : a - t)) || 0);
+    }, a: function(s) {
+      return s < 0 ? Math.ceil(s) || 0 : Math.floor(s);
+    }, p: function(s) {
+      return { M: f, y: b, w: g, d: u, D: k, h: c, m: F, s: D, ms: $, Q: I }[s] || String(s || "").toLowerCase().replace(/s$/, "");
+    }, u: function(s) {
+      return s === void 0;
+    } }, _ = "en", x = {};
+    x[_] = q;
+    var E = "$isDayjsObject", W = function(s) {
+      return s instanceof te || !(!s || !s[E]);
+    }, ee = function s(n, e, r) {
+      var t;
+      if (!n) return _;
+      if (typeof n == "string") {
+        var i = n.toLowerCase();
+        x[i] && (t = i), e && (x[i] = e, t = i);
+        var a = n.split("-");
+        if (!t && a.length > 1) return s(a[0]);
+      } else {
+        var d = n.name;
+        x[d] = n, t = d;
+      }
+      return !r && t && (_ = t), t || !r && _;
+    }, h = function(s, n) {
+      if (W(s)) return s.clone();
+      var e = typeof n == "object" ? n : {};
+      return e.date = s, e.args = arguments, new te(e);
+    }, l = V;
+    l.l = ee, l.i = W, l.w = function(s, n) {
+      return h(s, { locale: n.$L, utc: n.$u, x: n.$x, $offset: n.$offset });
+    };
+    var te = function() {
+      function s(e) {
+        this.$L = ee(e.locale, null, !0), this.parse(e), this.$x = this.$x || e.x || {}, this[E] = !0;
+      }
+      var n = s.prototype;
+      return n.parse = function(e) {
+        this.$d = function(r) {
+          var t = r.date, i = r.utc;
+          if (t === null) return /* @__PURE__ */ new Date(NaN);
+          if (l.u(t)) return /* @__PURE__ */ new Date();
+          if (t instanceof Date) return new Date(t);
+          if (typeof t == "string" && !/Z$/i.test(t)) {
+            var a = t.match(o);
+            if (a) {
+              var d = a[2] - 1 || 0, m = (a[7] || "0").substring(0, 3);
+              return i ? new Date(Date.UTC(a[1], d, a[3] || 1, a[4] || 0, a[5] || 0, a[6] || 0, m)) : new Date(a[1], d, a[3] || 1, a[4] || 0, a[5] || 0, a[6] || 0, m);
+            }
+          }
+          return new Date(t);
+        }(e), this.init();
+      }, n.init = function() {
+        var e = this.$d;
+        this.$y = e.getFullYear(), this.$M = e.getMonth(), this.$D = e.getDate(), this.$W = e.getDay(), this.$H = e.getHours(), this.$m = e.getMinutes(), this.$s = e.getSeconds(), this.$ms = e.getMilliseconds();
+      }, n.$utils = function() {
+        return l;
+      }, n.isValid = function() {
+        return this.$d.toString() !== H;
+      }, n.isSame = function(e, r) {
+        var t = h(e);
+        return this.startOf(r) <= t && t <= this.endOf(r);
+      }, n.isAfter = function(e, r) {
+        return h(e) < this.startOf(r);
+      }, n.isBefore = function(e, r) {
+        return this.endOf(r) < h(e);
+      }, n.$g = function(e, r, t) {
+        return l.u(e) ? this[r] : this.set(t, e);
+      }, n.unix = function() {
+        return Math.floor(this.valueOf() / 1e3);
+      }, n.valueOf = function() {
+        return this.$d.getTime();
+      }, n.startOf = function(e, r) {
+        var t = this, i = !!l.u(r) || r, a = l.p(e), d = function(U, w) {
+          var N = l.w(t.$u ? Date.UTC(t.$y, w, U) : new Date(t.$y, w, U), t);
+          return i ? N : N.endOf(u);
+        }, m = function(U, w) {
+          return l.w(t.toDate()[U].apply(t.toDate("s"), (i ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(w)), t);
+        }, p = this.$W, y = this.$M, S = this.$D, J = "set" + (this.$u ? "UTC" : "");
+        switch (a) {
+          case b:
+            return i ? d(1, 0) : d(31, 11);
+          case f:
+            return i ? d(1, y) : d(0, y + 1);
+          case g:
+            var z = this.$locale().weekStart || 0, Q = (p < z ? p + 7 : p) - z;
+            return d(i ? S - Q : S + (6 - Q), y);
+          case u:
+          case k:
+            return m(J + "Hours", 0);
+          case c:
+            return m(J + "Minutes", 1);
+          case F:
+            return m(J + "Seconds", 2);
+          case D:
+            return m(J + "Milliseconds", 3);
+          default:
+            return this.clone();
+        }
+      }, n.endOf = function(e) {
+        return this.startOf(e, !1);
+      }, n.$set = function(e, r) {
+        var t, i = l.p(e), a = "set" + (this.$u ? "UTC" : ""), d = (t = {}, t[u] = a + "Date", t[k] = a + "Date", t[f] = a + "Month", t[b] = a + "FullYear", t[c] = a + "Hours", t[F] = a + "Minutes", t[D] = a + "Seconds", t[$] = a + "Milliseconds", t)[i], m = i === u ? this.$D + (r - this.$W) : r;
+        if (i === f || i === b) {
+          var p = this.clone().set(k, 1);
+          p.$d[d](m), p.init(), this.$d = p.set(k, Math.min(this.$D, p.daysInMonth())).$d;
+        } else d && this.$d[d](m);
+        return this.init(), this;
+      }, n.set = function(e, r) {
+        return this.clone().$set(e, r);
+      }, n.get = function(e) {
+        return this[l.p(e)]();
+      }, n.add = function(e, r) {
+        var t, i = this;
+        e = Number(e);
+        var a = l.p(r), d = function(y) {
+          var S = h(i);
+          return l.w(S.date(S.date() + Math.round(y * e)), i);
+        };
+        if (a === f) return this.set(f, this.$M + e);
+        if (a === b) return this.set(b, this.$y + e);
+        if (a === u) return d(1);
+        if (a === g) return d(7);
+        var m = (t = {}, t[F] = O, t[c] = L, t[D] = C, t)[a] || 1, p = this.$d.getTime() + e * m;
+        return l.w(p, this);
+      }, n.subtract = function(e, r) {
+        return this.add(-1 * e, r);
+      }, n.format = function(e) {
+        var r = this, t = this.$locale();
+        if (!this.isValid()) return t.invalidDate || H;
+        var i = e || "YYYY-MM-DDTHH:mm:ssZ", a = l.z(this), d = this.$H, m = this.$m, p = this.$M, y = t.weekdays, S = t.months, J = t.meridiem, z = function(w, N, K, ne) {
+          return w && (w[N] || w(r, i)) || K[N].slice(0, ne);
+        }, Q = function(w) {
+          return l.s(d % 12 || 12, w, "0");
+        }, U = J || function(w, N, K) {
+          var ne = w < 12 ? "AM" : "PM";
+          return K ? ne.toLowerCase() : ne;
+        };
+        return i.replace(Y, function(w, N) {
+          return N || function(K) {
+            switch (K) {
+              case "YY":
+                return String(r.$y).slice(-2);
+              case "YYYY":
+                return l.s(r.$y, 4, "0");
+              case "M":
+                return p + 1;
+              case "MM":
+                return l.s(p + 1, 2, "0");
+              case "MMM":
+                return z(t.monthsShort, p, S, 3);
+              case "MMMM":
+                return z(S, p);
+              case "D":
+                return r.$D;
+              case "DD":
+                return l.s(r.$D, 2, "0");
+              case "d":
+                return String(r.$W);
+              case "dd":
+                return z(t.weekdaysMin, r.$W, y, 2);
+              case "ddd":
+                return z(t.weekdaysShort, r.$W, y, 3);
+              case "dddd":
+                return y[r.$W];
+              case "H":
+                return String(d);
+              case "HH":
+                return l.s(d, 2, "0");
+              case "h":
+                return Q(1);
+              case "hh":
+                return Q(2);
+              case "a":
+                return U(d, m, !0);
+              case "A":
+                return U(d, m, !1);
+              case "m":
+                return String(m);
+              case "mm":
+                return l.s(m, 2, "0");
+              case "s":
+                return String(r.$s);
+              case "ss":
+                return l.s(r.$s, 2, "0");
+              case "SSS":
+                return l.s(r.$ms, 3, "0");
+              case "Z":
+                return a;
+            }
+            return null;
+          }(w) || a.replace(":", "");
+        });
+      }, n.utcOffset = function() {
+        return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+      }, n.diff = function(e, r, t) {
+        var i, a = this, d = l.p(r), m = h(e), p = (m.utcOffset() - this.utcOffset()) * O, y = this - m, S = function() {
+          return l.m(a, m);
+        };
+        switch (d) {
+          case b:
+            i = S() / 12;
+            break;
+          case f:
+            i = S();
+            break;
+          case I:
+            i = S() / 3;
+            break;
+          case g:
+            i = (y - p) / 6048e5;
+            break;
+          case u:
+            i = (y - p) / 864e5;
+            break;
+          case c:
+            i = y / L;
+            break;
+          case F:
+            i = y / O;
+            break;
+          case D:
+            i = y / C;
+            break;
+          default:
+            i = y;
+        }
+        return t ? i : l.a(i);
+      }, n.daysInMonth = function() {
+        return this.endOf(f).$D;
+      }, n.$locale = function() {
+        return x[this.$L];
+      }, n.locale = function(e, r) {
+        if (!e) return this.$L;
+        var t = this.clone(), i = ee(e, r, !0);
+        return i && (t.$L = i), t;
+      }, n.clone = function() {
+        return l.w(this.$d, this);
+      }, n.toDate = function() {
+        return new Date(this.valueOf());
+      }, n.toJSON = function() {
+        return this.isValid() ? this.toISOString() : null;
+      }, n.toISOString = function() {
+        return this.$d.toISOString();
+      }, n.toString = function() {
+        return this.$d.toUTCString();
+      }, s;
+    }(), ae = te.prototype;
+    return h.prototype = ae, [["$ms", $], ["$s", D], ["$m", F], ["$H", c], ["$W", u], ["$M", f], ["$y", b], ["$D", k]].forEach(function(s) {
+      ae[s[1]] = function(n) {
+        return this.$g(n, s[0], s[1]);
+      };
+    }), h.extend = function(s, n) {
+      return s.$i || (s(n, te, h), s.$i = !0), h;
+    }, h.locale = ee, h.isDayjs = W, h.unix = function(s) {
+      return h(1e3 * s);
+    }, h.en = x[_], h.Ls = x, h.p = {}, h;
+  });
+})(ce);
+var _e = ce.exports;
+const ie = /* @__PURE__ */ le(_e);
+var fe = { exports: {} };
+(function(j, P) {
+  (function(C, O) {
+    j.exports = O();
+  })(de, function() {
+    return function(C, O, L) {
+      C = C || {};
+      var $ = O.prototype, D = { future: "in %s", past: "%s ago", s: "a few seconds", m: "a minute", mm: "%d minutes", h: "an hour", hh: "%d hours", d: "a day", dd: "%d days", M: "a month", MM: "%d months", y: "a year", yy: "%d years" };
+      function F(u, g, f, I) {
+        return $.fromToBase(u, g, f, I);
+      }
+      L.en.relativeTime = D, $.fromToBase = function(u, g, f, I, b) {
+        for (var k, H, o, Y = f.$locale().relativeTime || D, q = C.thresholds || [{ l: "s", r: 44, d: "second" }, { l: "m", r: 89 }, { l: "mm", r: 44, d: "minute" }, { l: "h", r: 89 }, { l: "hh", r: 21, d: "hour" }, { l: "d", r: 35 }, { l: "dd", r: 25, d: "day" }, { l: "M", r: 45 }, { l: "MM", r: 10, d: "month" }, { l: "y", r: 17 }, { l: "yy", d: "year" }], G = q.length, V = 0; V < G; V += 1) {
+          var _ = q[V];
+          _.d && (k = I ? L(u).diff(f, _.d, !0) : f.diff(u, _.d, !0));
+          var x = (C.rounding || Math.round)(Math.abs(k));
+          if (o = k > 0, x <= _.r || !_.r) {
+            x <= 1 && V > 0 && (_ = q[V - 1]);
+            var E = Y[_.l];
+            b && (x = b("" + x)), H = typeof E == "string" ? E.replace("%d", x) : E(x, g, _.l, o);
+            break;
+          }
+        }
+        if (g) return H;
+        var W = o ? Y.future : Y.past;
+        return typeof W == "function" ? W(H) : W.replace("%s", H);
+      }, $.to = function(u, g) {
+        return F(u, g, this, !0);
+      }, $.from = function(u, g) {
+        return F(u, g, this);
+      };
+      var c = function(u) {
+        return u.$u ? L.utc() : L();
+      };
+      $.toNow = function(u) {
+        return this.to(c(this), u);
+      }, $.fromNow = function(u) {
+        return this.from(c(this), u);
+      };
+    };
+  });
+})(fe);
+var xe = fe.exports;
+const we = /* @__PURE__ */ le(xe), De = { class: "bg-fm-color-neutral-white p-24" }, ke = { class: "flex items-center mt-16" }, Se = { class: "mt-16" }, Te = {
+  key: 0,
+  class: "fm-typo-en-body-lg-400 text-fm-color-typo-tertiary italic"
+}, Ce = { class: "mt-16 flex flex-wrap items-start gap-24" }, Oe = ["onClick"], Fe = { class: "absolute top-0 left-0 flex items-center gap-4 flex-wrap w-full p-8" }, Ie = {
+  key: 3,
+  class: "fm-typo-en-body-md-600 text-fm-color-system-info-300 bg-fm-color-system-info-100 inline-flex rounded-md items-center gap-4 justify-center h-[22px] px-8"
+}, Ye = {
+  key: 4,
+  class: "fm-typo-en-body-md-600 text-fm-color-secondary-halite bg-fm-color-system-error-100 inline-flex rounded-md items-center gap-4 justify-center h-[22px] px-8"
+}, Ae = { class: "mt-12 flex items-start justify-between" }, Le = { class: "flex flex-col gap-4" }, He = { class: "fm-typo-en-body-md-400" }, Ne = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, Pe = {
+  key: 1,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, Ve = {
+  key: 2,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary italic"
+}, We = { class: "w-[250px] px-4 py-8 border-1 border-fm-color-neutral-gray-100 border-opacity-10 rounded-md" }, Re = /* @__PURE__ */ me({
+  __name: "ProjectView",
+  setup(j) {
+    ie.extend(we);
+    const P = $e(), C = ge(), O = Me(), L = [
+      {
+        label: "Landing page design",
+        value: "default"
+      },
+      {
+        label: "Member features pages",
+        value: "member"
+      },
+      {
+        label: "Member referral",
+        value: "referral"
+      }
+    ], $ = he("default"), D = pe(
+      () => [
+        ...P.state.allTemplates.map((c) => ({
+          ...c,
+          predefined: !1,
+          editable: !0
+        })),
+        ...be
+      ].filter(
+        (c) => c.group == $.value || !c.group && $.value == "default"
+      )
+    );
+    function F(c) {
+      O.push({
+        name: "builder",
+        params: {
+          templateId: c
+        }
+      });
+    }
+    return ye(
+      () => C.currentBusiness.value,
+      async (c) => {
+        c && (await P.getAllTemplates(c._id), await P.getMainTemplateId(c._id));
+      },
+      { immediate: !0 }
+    ), (c, u) => {
+      const g = Z("FmTab"), f = Z("FmChip"), I = Z("FmIcon"), b = Z("FmMenuItem"), k = Z("FmMenuDivider"), H = Z("FmPopover");
+      return v(), A("div", De, [
+        u[5] || (u[5] = M("div", { class: "fm-typo-en-title-sm-600" }, "My Projects", -1)),
+        M("div", ke, [
+          (v(), A(oe, null, ue(L, (o) => B(g, {
+            label: o.label,
+            value: o.value,
+            "model-value": $.value,
+            "onUpdate:modelValue": (Y) => $.value = o.value
+          }, null, 8, ["label", "value", "model-value", "onUpdate:modelValue"])), 64))
+        ]),
+        M("div", Se, [
+          D.value.every((o) => o.predefined) ? (v(), A("div", Te, " Customization is limited or not allowed for these pre-defined pages ")) : T("", !0),
+          M("div", Ce, [
+            (v(!0), A(oe, null, ue(D.value, (o) => (v(), A("div", {
+              class: "flex-initial",
+              key: o.templateId
+            }, [
+              M("div", {
+                class: ve(["w-full h-[236px] relative", { "cursor-pointer": o.editable }]),
+                onClick: (Y) => o.editable && F(o.templateId)
+              }, [
+                u[2] || (u[2] = M("img", {
+                  class: "fm-corner-radius-lg w-full h-full object-cover relative",
+                  src: "https://placehold.co/270x236/png",
+                  alt: "project"
+                }, null, -1)),
+                M("div", Fe, [
+                  o.templateId == re(P).state.activeTemplateId ? (v(), R(f, {
+                    key: 0,
+                    compact: !0,
+                    label: "Landing",
+                    class: "text-fm-color-system-warning-300 bg-fm-color-system-warning-100"
+                  })) : T("", !0),
+                  o.templateId == re(P).state.activeMemberTemplateId ? (v(), R(f, {
+                    key: 1,
+                    compact: !0,
+                    label: "Member landing",
+                    class: "text-fm-color-system-warning-300 bg-fm-color-system-warning-100"
+                  })) : T("", !0),
+                  o.isPublished && !o.predefined ? (v(), R(f, {
+                    key: 2,
+                    compact: !0,
+                    label: "Published",
+                    class: "text-fm-color-system-success-400 bg-fm-color-system-success-100"
+                  })) : T("", !0),
+                  !o.editable && o.predefined ? (v(), A("div", Ie, [
+                    B(I, {
+                      name: "visibility",
+                      size: "sm"
+                    }),
+                    u[0] || (u[0] = M("span", null, "View only", -1))
+                  ])) : T("", !0),
+                  o.editable && o.predefined ? (v(), A("div", Ye, [
+                    B(I, {
+                      name: "edit",
+                      size: "sm"
+                    }),
+                    u[1] || (u[1] = M("span", null, "Limited customization", -1))
+                  ])) : T("", !0)
+                ])
+              ], 10, Oe),
+              M("div", Ae, [
+                M("div", Le, [
+                  M("p", He, se(o.templateAlias), 1),
+                  o.predefined ? T("", !0) : (v(), A("p", Ne, " Edited " + se(re(ie)(o.updatedAt).fromNow(!0)) + " ago ", 1)),
+                  o.predefined ? (v(), A("p", Pe, " Non editable pre-defined page ")) : T("", !0),
+                  o.isPublished && !o.predefined ? (v(), A("p", Ve, " Last published: " + se(re(ie)(o.publishedAt).format("D/M/YYYY")), 1)) : T("", !0)
+                ]),
+                o.predefined ? T("", !0) : (v(), R(H, { key: 0 }, {
+                  "popover-button": X(() => [
+                    B(I, { name: "more_vert" })
+                  ]),
+                  default: X(() => [
+                    M("div", We, [
+                      B(b, {
+                        label: "Rename",
+                        icon: "edit",
+                        onClick: (Y) => console.log("rename", o.templateAlias)
+                      }, null, 8, ["onClick"]),
+                      B(b, {
+                        onClick: (Y) => console.log("delete", o.templateAlias)
+                      }, {
+                        label: X(() => u[3] || (u[3] = [
+                          M("span", { class: "text-fm-color-system-error-400" }, "Delete", -1)
+                        ])),
+                        prepend: X(() => [
+                          B(I, {
+                            name: "delete",
+                            class: "text-fm-color-system-error-400",
+                            outline: ""
+                          })
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"]),
+                      o.isPublished && !o.predefined ? (v(), R(k, { key: 0 })) : T("", !0),
+                      o.isPublished && !o.predefined ? (v(), R(b, {
+                        key: 1,
+                        onClick: (Y) => console.log("unpublish", o.templateAlias)
+                      }, {
+                        label: X(() => u[4] || (u[4] = [
+                          M("span", { class: "text-fm-color-system-error-400" }, "Unpublish", -1)
+                        ])),
+                        _: 2
+                      }, 1032, ["onClick"])) : T("", !0)
+                    ])
+                  ]),
+                  _: 2
+                }, 1024))
+              ])
+            ]))), 128))
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  Re as default
+};

package/dist/{Select-CbQFoAzb.js → Select-C2r_c4vv.js}

@@ -1,4 +1,4 @@
-import { defineComponent as l, resolveComponent as m, openBlock as s, createBlock as p } from "vue";
+import { defineComponent as l, resolveComponent as m, createBlock as s, openBlock as p } from "vue";
 const u = /* @__PURE__ */ l({
   __name: "Select",
   props: {
@@ -11,7 +11,7 @@ const u = /* @__PURE__ */ l({
     }
     return (e, a) => {
       const c = m("FmSelect");
-      return s(), p(c, {
+      return p(), s(c, {
         class: "w-[160px]",
         items: e.context.selectItems,
         "model-value": e.context._value,

package/dist/{SettingsView-DFAxZPug.js → SettingsView-BUGfoZhA.js}

@@ -1,4 +1,4 @@
-import { defineComponent as m, resolveComponent as u, openBlock as f, createElementBlock as i, createElementVNode as p, createVNode as o, unref as t } from "vue";
+import { defineComponent as m, resolveComponent as u, createElementBlock as f, openBlock as i, createElementVNode as p, createVNode as o, unref as t } from "vue";
 import { useRoute as c, useRouter as d, RouterView as b } from "vue-router";
 const g = { class: "h-full w-full p-24 bg-fm-color-neutral-white overflow-auto flex flex-col gap-24" }, R = /* @__PURE__ */ m({
   __name: "SettingsView",
@@ -15,7 +15,7 @@ const g = { class: "h-full w-full p-24 bg-fm-color-neutral-white overflow-auto f
     ];
     return (v, e) => {
       const a = u("FmTabs");
-      return f(), i("div", g, [
+      return i(), f("div", g, [
         e[1] || (e[1] = p("h1", { class: "fm-typo-en-title-md-600 text-fm-color-typo-primary" }, "Settings", -1)),
         o(a, {
           class: "border-b border-fm-color-neutral-gray-100 w-full",

package/dist/{StepperField-DrHM9EDn.js → StepperField-xVvcmxNx.js}

@@ -1,4 +1,4 @@
-import { defineComponent as l, computed as c, resolveComponent as d, openBlock as s, createBlock as u } from "vue";
+import { defineComponent as l, computed as c, resolveComponent as d, createBlock as s, openBlock as u } from "vue";
 const m = /* @__PURE__ */ l({
   __name: "StepperField",
   props: {
@@ -12,7 +12,7 @@ const m = /* @__PURE__ */ l({
     const p = c(() => +e.context._value.replace(e.context.suffix, ""));
     return (t, i) => {
       const a = d("FmStepperField");
-      return s(), u(a, {
+      return u(), s(a, {
         class: "max-w-[160px]",
         "model-value": p.value,
         disabled: t.context.disabled ?? !1,

package/dist/{Switch-8mmNQUDo.js → Switch-uc_zN-mb.js}

@@ -1,4 +1,4 @@
-import { defineComponent as l, resolveComponent as p, openBlock as m, createBlock as r } from "vue";
+import { defineComponent as l, resolveComponent as p, createBlock as m, openBlock as r } from "vue";
 const a = /* @__PURE__ */ l({
   __name: "Switch",
   props: {
@@ -7,7 +7,7 @@ const a = /* @__PURE__ */ l({
   setup(c) {
     return (e, o) => {
       const t = p("FmSwitch");
-      return m(), r(t, {
+      return r(), m(t, {
         modelValue: e.context._value,
         "onUpdate:modelValue": o[0] || (o[0] = (n) => e.context.node.input(n))
       }, null, 8, ["modelValue"]);

package/dist/{TextAlign-BOC8ekaH.js → TextAlign-BSp1Xi7F.js}

@@ -1,5 +1,5 @@
-import { defineComponent as c, openBlock as t, createElementBlock as a, Fragment as m, renderList as i, createVNode as d, normalizeClass as p, createBlock as _, unref as f } from "vue";
-import { _ as g } from "./Icon.vue_vue_type_style_index_0_lang-CVCHCcWR.js";
+import { defineComponent as c, createElementBlock as a, openBlock as t, Fragment as m, renderList as i, createVNode as d, normalizeClass as p, createBlock as _, unref as f } from "vue";
+import { _ as g } from "./Icon.vue_vue_type_style_index_0_lang-BcRjQndc.js";
 const v = { class: "border border-fm-color-neutral-gray-300 rounded-md flex gap-16 p-4" }, x = ["onClick"], y = /* @__PURE__ */ c({
   __name: "BaButtonGroup",
   props: {

package/dist/{TextDecorators-BJC4umDR.js → TextDecorators-1C54q7us.js}

@@ -1,5 +1,5 @@
-import { defineComponent as d, openBlock as l, createElementBlock as c, Fragment as m, renderList as f, createElementVNode as h, createVNode as p, normalizeClass as _ } from "vue";
-import { _ as g } from "./Icon.vue_vue_type_style_index_0_lang-CVCHCcWR.js";
+import { defineComponent as d, createElementBlock as l, openBlock as c, Fragment as m, renderList as f, createElementVNode as h, createVNode as p, normalizeClass as _ } from "vue";
+import { _ as g } from "./Icon.vue_vue_type_style_index_0_lang-BcRjQndc.js";
 const x = { class: "border border-fm-color-neutral-gray-300 rounded-md flex gap-16 p-4" }, v = ["onClick"], y = /* @__PURE__ */ d({
   __name: "TextDecorators",
   props: {
@@ -32,8 +32,8 @@ const x = { class: "border border-fm-color-neutral-gray-300 rounded-md flex gap-
       });
     }
     const s = (t) => o.context._value.fontStyle.includes(t) || o.context._value.textDecorationLine.includes(t);
-    return (t, r) => (l(), c("div", x, [
-      (l(), c(m, null, f(i, (e) => h("button", {
+    return (t, r) => (c(), l("div", x, [
+      (c(), l(m, null, f(i, (e) => h("button", {
         class: "flex justify-center items-center",
         type: "button",
         onClick: (n) => u(e.value)

package/dist/{TextField-BiVH5rLX.js → TextField-DfBJB6vQ.js}

@@ -1,4 +1,4 @@
-import { defineComponent as c, resolveComponent as p, openBlock as a, createBlock as u } from "vue";
+import { defineComponent as c, resolveComponent as p, createBlock as a, openBlock as u } from "vue";
 const r = /* @__PURE__ */ c({
   __name: "TextField",
   props: {
@@ -11,7 +11,7 @@ const r = /* @__PURE__ */ c({
     }
     return (e, m) => {
       const l = p("FmTextField");
-      return a(), u(l, {
+      return u(), a(l, {
         class: "w-full",
         "model-value": e.context._value,
         "onUpdate:modelValue": t

package/dist/{TextStyleList-CuPE80Py.js → TextStyleList-Bef3irUx.js}

@@ -1,4 +1,4 @@
-import { defineComponent as p, openBlock as l, createElementBlock as o, Fragment as s, renderList as c, createElementVNode as d, normalizeStyle as f, toDisplayString as x } from "vue";
+import { defineComponent as p, createElementBlock as l, openBlock as o, Fragment as s, renderList as c, createElementVNode as d, normalizeStyle as f, toDisplayString as x } from "vue";
 const y = { class: "px-12 flex flex-col gap-12 w-full" }, m = ["onClick"], h = /* @__PURE__ */ p({
   __name: "TextStyleList",
   props: {
@@ -53,8 +53,8 @@ const y = { class: "px-12 flex flex-col gap-12 w-full" }, m = ["onClick"], h = /
         ...n
       });
     }
-    return (n, g) => (l(), o("div", y, [
-      (l(), o(s, null, c(r, (t) => d("button", {
+    return (n, g) => (o(), l("div", y, [
+      (o(), l(s, null, c(r, (t) => d("button", {
         class: "w-full p-8 flex items-center border border-fm-color-neutral-gray-300 rounded-md",
         type: "button",
         style: f(t.style),

package/dist/_commonjsHelpers-DaMA6jEr.js

@@ -0,0 +1,8 @@
+var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function l(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+export {
+  o as c,
+  l as g
+};