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

package/dist/{ButtonGroup-B3ba45VA.js → ButtonGroup-CbW3Lnxj.js}

@@ -1,4 +1,4 @@
-import { defineComponent as r, computed as c, resolveComponent as l, openBlock as s, createBlock as m } from "vue";
+import { defineComponent as r, computed as c, resolveComponent as l, createBlock as s, openBlock as m } from "vue";
 const i = /* @__PURE__ */ r({
   __name: "ButtonGroup",
   props: {
@@ -12,7 +12,7 @@ const i = /* @__PURE__ */ r({
     ));
     return (e, a) => {
       const p = l("FmButtonGroup");
-      return s(), m(p, {
+      return m(), s(p, {
         "model-value": u.value,
         "onUpdate:modelValue": n,
         items: e.context.groupItems

package/dist/{CircularProgress-h90pbjU3.js → CircularProgress-DdblYCtV.js}

@@ -1,8 +1,8 @@
-import { openBlock as s, createElementBlock as o, defineComponent as l, createElementVNode as r } from "vue";
+import { createElementBlock as s, openBlock as o, defineComponent as l, createElementVNode as r } from "vue";
 import { _ as n } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const a = {}, _ = { class: "border-b border-fm-color-neutral-gray-100" };
 function d(e, t) {
-  return s(), o("div", _);
+  return o(), s("div", _);
 }
 const g = /* @__PURE__ */ n(a, [["render", d]]), f = { class: "relative" }, i = { class: "h-[18px] w-[18px] flex items-center justify-center" }, p = {
   class: "absolute h-full left-0 top-0 w-full text-fm-color-primary",
@@ -17,9 +17,9 @@ const x = /* @__PURE__ */ l({
     color: { default: "primary" }
   },
   setup(e) {
-    return (t, u) => (s(), o("div", f, [
+    return (t, u) => (o(), s("div", f, [
       r("div", i, [
-        (s(), o("svg", p, [
+        (o(), s("svg", p, [
           r("circle", {
             class: "spinner",
             "stroke-width": c[t.size],

package/dist/ColorPicker-CD7uePb_.js

@@ -0,0 +1,590 @@
+import { defineComponent as oe, ref as E, reactive as me, computed as G, watch as be, onMounted as ge, onBeforeUnmount as we, createElementBlock as C, openBlock as y, createElementVNode as i, createCommentVNode as Z, renderSlot as A, createTextVNode as J, Fragment as ye, renderList as xe, toDisplayString as Ce, resolveComponent as Q, createBlock as $e, withCtx as z, createVNode as ee, unref as ke, normalizeStyle as Me } from "vue";
+function F(e, t, r) {
+  return Math.max(t, Math.min(e, r));
+}
+function Ne(e, t) {
+  if (typeof e == "string" || typeof t == "string")
+    return e === t;
+  for (const r in e)
+    if (e[r] !== t[r])
+      return !1;
+  return !0;
+}
+function L(e) {
+  const t = [], r = e.length > 5 ? 2 : 1;
+  for (let l = 1; l < e.length; l += r) {
+    const a = e.substring(l, l + r).repeat(r % 2 + 1), u = parseInt(a, 16);
+    t.push(l === 3 * r + 1 ? u / 255 : u);
+  }
+  return t.length === 3 && t.push(1), {
+    r: t[0],
+    g: t[1],
+    b: t[2],
+    a: t[3]
+  };
+}
+function re(e) {
+  const t = e.l / 100, r = t + e.s / 100 * Math.min(t, 1 - t), l = r === 0 ? 0 : 200 * (1 - t / r);
+  return {
+    h: e.h,
+    s: l,
+    v: r * 100,
+    a: e.a
+  };
+}
+function T(e) {
+  let t = e.h % 360;
+  t < 0 && (t += 360);
+  const r = e.s / 100, l = e.l / 100;
+  return {
+    r: B(0, t, r, l) * 255,
+    g: B(8, t, r, l) * 255,
+    b: B(4, t, r, l) * 255,
+    a: e.a
+  };
+}
+function B(e, t, r, l) {
+  const a = (e + t / 30) % 12, u = r * Math.min(l, 1 - l);
+  return l - u * Math.max(-1, Math.min(a - 3, 9 - a, 1));
+}
+function le(e) {
+  const t = e.s / 100, r = e.v / 100, l = r * (1 - t / 2);
+  return {
+    h: e.h,
+    s: l === 0 || l === 1 ? 0 : (r - l) / Math.min(l, 1 - l) * 100,
+    l: l * 100,
+    a: e.a
+  };
+}
+function ae(e) {
+  return {
+    h: e.h,
+    w: e.v * (100 - e.s) / 100,
+    b: 100 - e.v,
+    a: e.a
+  };
+}
+function M(e) {
+  return T(le(e));
+}
+function $(e) {
+  const t = e.w / 100, r = e.b / 100;
+  let l, a;
+  const u = t + r;
+  return u >= 1 ? (l = 0, a = t / u) : (a = 1 - r, l = (1 - t / a) * 100), {
+    h: e.h,
+    s: l,
+    v: a * 100,
+    a: e.a
+  };
+}
+function S(e) {
+  const { r: t, g: r, b: l, a } = e, u = Math.min(t, r, l), v = Math.max(t, r, l), h = v - u, f = (v + u) / 2;
+  let m = 0;
+  h !== 0 && (v === t ? m = (r - l) / h + (r < l ? 6 : 0) : v === r ? m = (l - t) / h + 2 : v === l && (m = (t - r) / h + 4), m *= 60);
+  let d = 0;
+  return f !== 0 && f !== 255 && (d = (v - f) / Math.min(f, 255 - f)), {
+    h: m,
+    s: d * 100,
+    l: f / 255 * 100,
+    a
+  };
+}
+function _(e) {
+  return "#" + Object.values(e).map((t, r) => Math.round(r === 3 ? t * 255 : t).toString(16).padStart(2, "0")).join("");
+}
+function N(e) {
+  return ae(re(S(e)));
+}
+const Fe = {
+  hex: {
+    hex: (e) => e,
+    hsl: (e) => S(L(e)),
+    hsv: (e) => $(N(L(e))),
+    hwb: (e) => N(L(e)),
+    rgb: L
+  },
+  hsl: {
+    hex: (e) => _(T(e)),
+    hsl: (e) => e,
+    hsv: re,
+    hwb: (e) => N(T(e)),
+    rgb: T
+  },
+  hsv: {
+    hex: (e) => _(M(e)),
+    hsl: le,
+    hsv: (e) => e,
+    hwb: ae,
+    rgb: M
+  },
+  hwb: {
+    hex: (e) => _(M($(e))),
+    hsl: (e) => S(M($(e))),
+    hsv: $,
+    hwb: (e) => e,
+    rgb: (e) => M($(e))
+  },
+  rgb: {
+    hex: _,
+    hsl: S,
+    hsv: (e) => $(N(e)),
+    hwb: N,
+    rgb: (e) => e
+  }
+};
+function Ie(e, t, r) {
+  return Fe[e][t](r);
+}
+function Ee(e, t) {
+  const r = e.toFixed(t);
+  return r.includes(".") ? r.replace(/\.?0+$/, "") : r;
+}
+const Ae = {
+  deg: 1,
+  grad: 0.9,
+  rad: 180 / Math.PI,
+  turn: 360
+}, P = {
+  from(e) {
+    return e.endsWith("%") ? k.from(e, { referenceValue: 1 }) : w.from(e, { min: 0, max: 1 });
+  },
+  to(e) {
+    return w.to(e);
+  }
+}, te = {
+  from(e) {
+    const t = e.match(/deg|g?rad|turn$/);
+    if (t === null)
+      return w.from(e);
+    const r = t[0];
+    return w.from(e.slice(0, -r.length)) * Ae[r];
+  },
+  to(e) {
+    return w.to(e);
+  }
+}, w = {
+  from(e, { min: t = Number.NEGATIVE_INFINITY, max: r = Number.POSITIVE_INFINITY } = {}) {
+    return e.endsWith(".") ? NaN : F(Number(e), t, r);
+  },
+  to(e) {
+    return Ee(e, 2);
+  }
+}, k = {
+  from(e, { referenceValue: t = 100, min: r = 0, max: l = 100 } = {}) {
+    return e.endsWith("%") ? w.from(e.slice(0, -1), { min: r, max: l }) * t / 100 : NaN;
+  },
+  to(e) {
+    return w.to(e) + "%";
+  }
+}, D = {
+  from(e) {
+    return e.endsWith("%") ? k.from(e, { referenceValue: 255 }) : w.from(e, { min: 0, max: 255 });
+  },
+  to(e) {
+    return w.to(e);
+  }
+}, Le = {
+  hsl: {
+    h: te,
+    s: k,
+    l: k
+  },
+  hwb: {
+    h: te,
+    w: k,
+    b: k
+  },
+  rgb: {
+    r: D,
+    g: D,
+    b: D
+  }
+};
+function j(e, t) {
+  return Le[e][t];
+}
+function H({ format: e, color: t }, r) {
+  if (e === "hex")
+    return r && [5, 9].includes(t.length) ? t.substring(0, t.length - (t.length - 1) / 4) : t;
+  const l = Object.entries(t).slice(0, r ? 3 : 4).map(([a, u]) => {
+    const v = a === "a" ? P : j(e, a);
+    return (a === "a" ? "/ " : "") + v.to(u);
+  });
+  return `${e}(${l.join(" ")})`;
+}
+function se(e) {
+  return /^#(?:(?:[A-F0-9]{2}){3,4}|[A-F0-9]{3,4})$/i.test(e);
+}
+function _e(e) {
+  return "r" in e ? "rgb" : "w" in e ? "hwb" : "v" in e ? "hsv" : "s" in e ? "hsl" : null;
+}
+const ne = {
+  hsl: ["h", "s", "l", "a"],
+  hwb: ["h", "w", "b", "a"],
+  rgb: ["r", "g", "b", "a"]
+};
+function Te(e) {
+  if (typeof e != "string") {
+    const h = _e(e);
+    return h === null ? null : { format: h, color: e };
+  }
+  if (e.startsWith("#"))
+    return se(e) ? { format: "hex", color: e } : null;
+  if (!e.includes("(")) {
+    const h = document.createElement("canvas").getContext("2d");
+    h.fillStyle = e;
+    const f = h.fillStyle;
+    return f === "#000000" && e !== "black" ? null : { format: "hex", color: f };
+  }
+  const [t, r] = e.split("("), l = t.substring(0, 3);
+  if (!(l in ne))
+    return null;
+  const a = r.replace(/[,/)]/g, " ").replace(/\s+/g, " ").trim().split(" ");
+  a.length === 3 && a.push("1");
+  const u = ne[l], v = Object.fromEntries(u.map((h, f) => {
+    const m = h === "a" ? P : j(l, h);
+    return [
+      h,
+      m.from(a[f])
+    ];
+  }));
+  return { format: l, color: v };
+}
+function Se(e, t, r) {
+  const l = e.getBoundingClientRect(), a = t - l.left, u = r - l.top;
+  return {
+    x: l.width === 0 ? 0 : F(a / l.width * 100, 0, 100),
+    y: l.height === 0 ? 0 : F((1 - u / l.height) * 100, 0, 100)
+  };
+}
+const Pe = { class: "vacp-range-input-group" }, je = ["for"], Oe = { class: "vacp-range-input-label-text vacp-range-input-label-text--hue" }, Ve = ["id", "value"], ze = ["for"], Be = { class: "vacp-range-input-label-text vacp-range-input-label-text--alpha" }, De = ["id", "value"], He = { class: "vacp-color-inputs" }, Ke = { class: "vacp-color-input-group" }, We = ["for"], Re = ["id", "value"], Ue = ["id", "for", "onInput"], Ye = { class: "vacp-color-input-label-text" }, Xe = ["id", "value", "onInput"], qe = /* @__PURE__ */ oe({
+  __name: "ColorPicker",
+  props: {
+    color: { default: "#ffffffff" },
+    copy: { type: Function, default: void 0 },
+    id: { default: "color-picker" },
+    visibleFormats: { default: () => ["hex", "hsl", "hwb", "rgb"] },
+    defaultFormat: { default: "hsl" },
+    alphaChannel: { default: "show" }
+  },
+  emits: ["color-change", "color-copy"],
+  setup(e, { expose: t, emit: r }) {
+    const l = ["hex", "hsl", "hsv", "hwb", "rgb"], a = e, u = r;
+    t({
+      copyColor: Y
+    });
+    const v = E(null), h = E(null), f = E(null);
+    let m = !1;
+    const d = E(a.visibleFormats.includes(a.defaultFormat) ? a.defaultFormat : a.visibleFormats[0]), p = me({
+      hex: "#ffffffff",
+      hsl: { h: 0, s: 0, l: 100, a: 1 },
+      hsv: { h: 0, s: 0, v: 100, a: 1 },
+      hwb: { h: 0, w: 100, b: 0, a: 1 },
+      rgb: { r: 255, g: 255, b: 255, a: 1 }
+    }), ce = G(function() {
+      const o = d.value, n = p[o];
+      return o.split("").map((s) => {
+        const c = n[s];
+        return {
+          value: j(o, s).to(c),
+          channel: s,
+          label: s.toUpperCase()
+        };
+      }).concat(a.alphaChannel === "show" ? [{
+        value: P.to(n.a),
+        channel: "a",
+        label: "Alpha"
+      }] : []);
+    }), ue = G(function() {
+      return a.alphaChannel === "hide" && [5, 9].includes(p.hex.length) ? p.hex.substring(0, p.hex.length - (p.hex.length - 1) / 4) : p.hex;
+    });
+    be(() => a.color, W), ge(function() {
+      document.addEventListener("mousemove", O, { passive: !1 }), document.addEventListener("touchmove", V, { passive: !1 }), document.addEventListener("mouseup", I), document.addEventListener("touchend", I), W(a.color);
+    }), we(function() {
+      document.removeEventListener("mousemove", O), document.removeEventListener("touchmove", V), document.removeEventListener("mouseup", I), document.removeEventListener("touchend", I);
+    });
+    function ie() {
+      const o = (a.visibleFormats.findIndex((n) => n === d.value) + 1) % a.visibleFormats.length;
+      d.value = a.visibleFormats[o];
+    }
+    function he(o) {
+      m = !0, O(o);
+    }
+    function pe(o) {
+      m = !0, V(o);
+    }
+    function I() {
+      m = !1;
+    }
+    function O(o) {
+      o.buttons !== 1 || m === !1 || !(h.value instanceof HTMLElement) || K(h.value, o.clientX, o.clientY);
+    }
+    function V(o) {
+      if (m === !1 || !(h.value instanceof HTMLElement))
+        return;
+      o.preventDefault();
+      const n = o.touches[0];
+      K(h.value, n.clientX, n.clientY);
+    }
+    function K(o, n, s) {
+      const c = Se(o, n, s), b = Object.assign({}, p.hsv);
+      b.s = c.x, b.v = c.y, x("hsv", b);
+    }
+    function fe(o) {
+      if (!["ArrowUp", "ArrowRight", "ArrowDown", "ArrowLeft"].includes(o.key))
+        return;
+      o.preventDefault();
+      const n = ["ArrowLeft", "ArrowDown"].includes(o.key) ? -1 : 1, s = ["ArrowLeft", "ArrowRight"].includes(o.key) ? "s" : "v", c = o.shiftKey ? 10 : 1, b = p.hsv[s] + n * c, g = Object.assign({}, p.hsv);
+      g[s] = F(b, 0, 100), x("hsv", g);
+    }
+    function W(o) {
+      const n = Te(o);
+      n !== null && x(n.format, n.color);
+    }
+    function R(o, n) {
+      const s = o.currentTarget, c = Object.assign({}, p.hsv);
+      c[n] = Number(s.value), x("hsv", c);
+    }
+    function ve(o) {
+      const n = o.target;
+      se(n.value) && x("hex", n.value);
+    }
+    function U(o, n) {
+      const s = o.target, c = d.value, b = Object.assign({}, p[c]), g = (n === "a" ? P : j(c, n)).from(s.value);
+      Number.isNaN(g) || g === void 0 || (b[n] = g, x(c, b));
+    }
+    function x(o, n) {
+      let s = n;
+      if (a.alphaChannel === "hide")
+        if (typeof n != "string")
+          n.a = 1, s = n;
+        else if ([5, 9].includes(n.length)) {
+          const c = (n.length - 1) / 4;
+          s = n.substring(0, n.length - c) + "f".repeat(c);
+        } else [4, 7].includes(n.length) && (s = n + "f".repeat((n.length - 1) / 3));
+      if (!Ne(p[o], s)) {
+        p[o] = s;
+        for (const c of l)
+          c !== o && (p[c] = Ie(o, c, s));
+        u("color-change", X());
+      }
+      v.value instanceof HTMLElement && h.value instanceof HTMLElement && f.value instanceof HTMLElement && de(v.value, h.value, f.value);
+    }
+    async function Y() {
+      const o = p[d.value], n = a.alphaChannel === "hide", s = H({ color: o, format: d.value }, n);
+      await (a.copy ? a.copy : window.navigator.clipboard.writeText)(s), u("color-copy", X());
+    }
+    function de(o, n, s) {
+      const c = H({ format: "hsl", color: p.hsl }, !0);
+      o.style.setProperty("--vacp-color", c), n.style.position = "relative", n.style.backgroundColor = `hsl(${p.hsl.h} 100% 50%)`, n.style.backgroundImage = "linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent)", s.style.boxSizing = "border-box", s.style.position = "absolute", s.style.left = `${p.hsv.s}%`, s.style.bottom = `${p.hsv.v}%`;
+    }
+    function X() {
+      const o = a.alphaChannel === "hide", n = H({ color: p[d.value], format: d.value }, o);
+      return {
+        colors: p,
+        cssColor: n
+      };
+    }
+    function q(o) {
+      if (!["ArrowUp", "ArrowRight", "ArrowDown", "ArrowLeft"].includes(o.key) || !o.shiftKey)
+        return;
+      const n = o.currentTarget, s = Number(n.step), c = ["ArrowLeft", "ArrowDown"].includes(o.key) ? -1 : 1, b = Number(n.value) + c * s * 10, g = F(b, Number(n.min), Number(n.max));
+      n.value = String(g - c * s);
+    }
+    return (o, n) => (y(), C("div", {
+      ref_key: "colorPicker",
+      ref: v,
+      class: "vacp-color-picker"
+    }, [
+      i("div", {
+        ref_key: "colorSpace",
+        ref: h,
+        class: "vacp-color-space",
+        onMousedown: he,
+        onTouchstart: pe
+      }, [
+        i("div", {
+          ref_key: "thumb",
+          ref: f,
+          class: "vacp-color-space-thumb",
+          tabindex: "0",
+          "aria-label": "Color space thumb",
+          onKeydown: fe
+        }, null, 544)
+      ], 544),
+      i("div", Pe, [
+        i("label", {
+          class: "vacp-range-input-label vacp-range-input-label--hue",
+          for: `${o.id}-hue-slider`
+        }, [
+          i("span", Oe, [
+            A(o.$slots, "hue-range-input-label", {}, () => [
+              n[2] || (n[2] = J("Hue"))
+            ])
+          ]),
+          i("input", {
+            id: `${o.id}-hue-slider`,
+            class: "vacp-range-input vacp-range-input--hue",
+            value: p.hsv.h,
+            type: "range",
+            min: "0",
+            max: "360",
+            step: "1",
+            onKeydownPassive: q,
+            onInput: n[0] || (n[0] = (s) => R(s, "h"))
+          }, null, 40, Ve)
+        ], 8, je),
+        o.alphaChannel === "show" ? (y(), C("label", {
+          key: 0,
+          class: "vacp-range-input-label vacp-range-input-label--alpha",
+          for: `${o.id}-alpha-slider`
+        }, [
+          i("span", Be, [
+            A(o.$slots, "alpha-range-input-label", {}, () => [
+              n[3] || (n[3] = J("Alpha"))
+            ])
+          ]),
+          i("input", {
+            id: `${o.id}-alpha-slider`,
+            class: "vacp-range-input vacp-range-input--alpha",
+            value: p.hsv.a,
+            type: "range",
+            min: "0",
+            max: "1",
+            step: "0.01",
+            onKeydownPassive: q,
+            onInput: n[1] || (n[1] = (s) => R(s, "a"))
+          }, null, 40, De)
+        ], 8, ze)) : Z("", !0)
+      ]),
+      i("button", {
+        class: "vacp-copy-button",
+        type: "button",
+        onClick: Y
+      }, [
+        A(o.$slots, "copy-button", {}, () => [
+          n[4] || (n[4] = i("span", { class: "vacp-visually-hidden" }, "Copy color", -1)),
+          n[5] || (n[5] = i("svg", {
+            class: "vacp-icon",
+            xmlns: "http://www.w3.org/2000/svg",
+            "aria-hidden": "true",
+            width: "24",
+            height: "24",
+            viewBox: "0 0 32 32"
+          }, [
+            i("path", {
+              d: "M25.313 28v-18.688h-14.625v18.688h14.625zM25.313 6.688c1.438 0 2.688 1.188 2.688 2.625v18.688c0 1.438-1.25 2.688-2.688 2.688h-14.625c-1.438 0-2.688-1.25-2.688-2.688v-18.688c0-1.438 1.25-2.625 2.688-2.625h14.625zM21.313 1.313v2.688h-16v18.688h-2.625v-18.688c0-1.438 1.188-2.688 2.625-2.688h16z",
+              fill: "currentColor"
+            })
+          ], -1))
+        ])
+      ]),
+      i("div", He, [
+        i("div", Ke, [
+          d.value === "hex" ? (y(), C("label", {
+            key: 0,
+            class: "vacp-color-input-label",
+            for: `${o.id}-color-hex`
+          }, [
+            n[6] || (n[6] = i("span", { class: "vacp-color-input-label-text" }, " Hex ", -1)),
+            i("input", {
+              id: `${o.id}-color-hex`,
+              class: "vacp-color-input",
+              type: "text",
+              value: ue.value,
+              onInput: ve
+            }, null, 40, Re)
+          ], 8, We)) : (y(!0), C(ye, { key: 1 }, xe(ce.value, ({ value: s, channel: c, label: b }) => (y(), C("label", {
+            id: `${o.id}-color-${d.value}-${c}-label`,
+            key: `${o.id}-color-${d.value}-${c}-label`,
+            class: "vacp-color-input-label",
+            for: `${o.id}-color-${d.value}-${c}`,
+            onInput: (g) => U(g, c)
+          }, [
+            i("span", Ye, Ce(b), 1),
+            i("input", {
+              id: `${o.id}-color-${d.value}-${c}`,
+              class: "vacp-color-input",
+              type: "text",
+              value: s,
+              onInput: (g) => U(g, c)
+            }, null, 40, Xe)
+          ], 40, Ue))), 128))
+        ]),
+        o.visibleFormats.length > 1 ? (y(), C("button", {
+          key: 0,
+          class: "vacp-format-switch-button",
+          type: "button",
+          onClick: ie
+        }, [
+          A(o.$slots, "format-switch-button", {}, () => [
+            n[7] || (n[7] = i("span", { class: "vacp-visually-hidden" }, "Switch format", -1)),
+            n[8] || (n[8] = i("svg", {
+              class: "vacp-icon",
+              "aria-hidden": "true",
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "16",
+              height: "15"
+            }, [
+              i("path", {
+                d: "M8 15l5-5-1-1-4 2-4-2-1 1zm4-9l1-1-5-5-5 5 1 1 4-2z",
+                fill: "currentColor"
+              })
+            ], -1))
+          ])
+        ])) : Z("", !0)
+      ])
+    ], 512));
+  }
+}), Ge = { class: "w-[50px] h-[25px] relative border border-gray-400 rounded overflow-hidden" }, Ze = { class: "shadow-lg rounded-lg p-8" }, Qe = /* @__PURE__ */ oe({
+  __name: "ColorPicker",
+  props: {
+    context: {}
+  },
+  setup(e) {
+    const t = e, r = async (a) => {
+      await t.context.node.input(a);
+    }, l = (a) => {
+      navigator.clipboard.writeText(a);
+    };
+    return (a, u) => {
+      const v = Q("FmButton"), h = Q("FmPopover");
+      return y(), $e(h, null, {
+        "popover-button": z(() => [
+          i("div", Ge, [
+            u[2] || (u[2] = i("div", { class: "absolute inset-0 bg-checkerboard" }, null, -1)),
+            i("div", {
+              class: "absolute inset-0",
+              style: Me({ backgroundColor: a.context._value })
+            }, null, 4)
+          ])
+        ]),
+        default: z(() => [
+          i("div", Ze, [
+            ee(ke(qe), {
+              copy: l,
+              onColorCopy: u[0] || (u[0] = (f) => l(f.cssColor)),
+              "default-format": "hex",
+              color: a.context._value,
+              onColorChange: u[1] || (u[1] = (f) => r(f.cssColor))
+            }, {
+              "copy-button": z(() => [
+                ee(v, {
+                  class: "w-full h-32",
+                  variant: "secondary",
+                  icon: "content_copy"
+                })
+              ]),
+              _: 1
+            }, 8, ["color"])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  Qe as default
+};

package/dist/HomeView-3aPMgIRl.js

@@ -0,0 +1,10 @@
+import { createElementBlock as e, openBlock as o } from "vue";
+import { _ as t } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const r = {}, c = { class: "p-24 h-full w-full flex flex-col gap-40 bg-fm-color-neutral-white overflow-y-auto" };
+function l(f, n) {
+  return o(), e("div", c, " Brand Kit ");
+}
+const _ = /* @__PURE__ */ t(r, [["render", l]]);
+export {
+  _ as default
+};

package/dist/{Icon.vue_vue_type_style_index_0_lang-CVCHCcWR.js → Icon.vue_vue_type_style_index_0_lang-BcRjQndc.js}

@@ -1,4 +1,4 @@
-import { defineComponent as n, openBlock as o, createElementBlock as l, normalizeClass as a, toDisplayString as r } from "vue";
+import { defineComponent as n, createElementBlock as o, openBlock as l, normalizeClass as a, toDisplayString as r } from "vue";
 const i = /* @__PURE__ */ n({
   __name: "Icon",
   props: {
@@ -6,7 +6,7 @@ const i = /* @__PURE__ */ n({
     filled: { type: Boolean, default: !1 }
   },
   setup(s) {
-    return (e, t) => (o(), l("span", {
+    return (e, t) => (l(), o("span", {
       class: a(["material-symbols-rounded", `icon-${e.filled ? "filled" : "rounded"}`])
     }, r(e.name), 3));
   }