@feedmepos/mf-report 5.3.15-rc.9 → 5.4.0-beta.0

package/dist/Integrations-0JKt6eet.js

@@ -0,0 +1,335 @@
+import { defineComponent as U, mergeModels as K, useModel as N, resolveComponent as g, unref as F, openBlock as C, createBlock as I, withCtx as x, createElementVNode as r, createVNode as s, createTextVNode as O, ref as D, computed as G, createElementBlock as H, Fragment as L, h as u } from "vue";
+import { useRouter as W, useRoute as j } from "vue-router";
+import { I as $, r as P, s as z, c as J, b as Q, t as M, w as X, l as Y } from "./app-eKZV2PPB.js";
+import { useBreakpoints as T, useSnackbar as Z, FmButtonColorThemeVariant as ee, components as te } from "@feedmepos/ui-library";
+import { _ as ae } from "./SelectComponent.vue_vue_type_script_setup_true_lang-6i3u0Axg.js";
+import { _ as oe } from "./NoData.vue_vue_type_script_setup_true_lang-FeKqFs4A.js";
+const le = { class: "flex gap-2 overflow-hidden flex-col" }, ne = { class: "flex gap-2 overflow-hidden" }, re = { class: "flex flex-col w-full" }, se = { class: "flex flex-col gap-5 p-6" }, ie = { class: "flex" }, me = /* @__PURE__ */ U({
+  __name: "AddIntegrationDialog",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {},
+    form: {
+      default: () => ({ name: "", platform: $.AutoCount })
+    },
+    formModifiers: {}
+  },
+  emits: /* @__PURE__ */ K(["confirm"], ["update:modelValue", "update:form"]),
+  setup(S, { emit: k }) {
+    const m = N(S, "modelValue"), l = N(S, "form"), { breakpoints: c } = T(), p = P.map((y) => ({
+      label: y.name,
+      value: y.platform,
+      sublabel: y.type
+    })), v = k;
+    function f() {
+      m.value = !1;
+    }
+    function w() {
+      v("confirm");
+    }
+    return (y, e) => {
+      const V = g("FmTextField"), _ = g("FmSelect"), b = g("FmButton"), A = g("FmDialog"), h = g("FmBottomSheet");
+      return F(c).lg || F(c).md ? (C(), I(A, {
+        key: 0,
+        modelValue: m.value,
+        "onUpdate:modelValue": e[2] || (e[2] = (n) => m.value = n),
+        overlay: !0
+      }, {
+        "dialog-header": x(() => e[6] || (e[6] = [
+          r("div", { class: "flex flex-col" }, [
+            r("p", { class: "fm-typo-en-body-lg-600" }, "Add Integration")
+          ], -1)
+        ])),
+        default: x(() => [
+          r("div", le, [
+            s(V, {
+              modelValue: l.value.name,
+              "onUpdate:modelValue": e[0] || (e[0] = (n) => l.value.name = n),
+              label: "Name",
+              placeholder: "Enter a name"
+            }, null, 8, ["modelValue"]),
+            s(_, {
+              modelValue: l.value.platform,
+              "onUpdate:modelValue": e[1] || (e[1] = (n) => l.value.platform = n),
+              label: "App",
+              items: F(p)
+            }, null, 8, ["modelValue", "items"])
+          ])
+        ]),
+        "dialog-footer": x(() => [
+          e[7] || (e[7] = r("div", { class: "grow" }, null, -1)),
+          s(b, {
+            label: "Cancel",
+            variant: "tertiary",
+            onClick: f
+          }),
+          s(b, {
+            label: "Add",
+            variant: "primary",
+            disabled: l.value.name === "",
+            onClick: w
+          }, null, 8, ["disabled"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"])) : (C(), I(h, {
+        key: 1,
+        modelValue: m.value,
+        "onUpdate:modelValue": e[5] || (e[5] = (n) => m.value = n)
+      }, {
+        "bottom-sheet-header": x(() => e[8] || (e[8] = [
+          O("Integration")
+        ])),
+        default: x(() => [
+          r("div", ne, [
+            r("div", re, [
+              r("div", se, [
+                s(V, {
+                  modelValue: l.value.name,
+                  "onUpdate:modelValue": e[3] || (e[3] = (n) => l.value.name = n),
+                  label: "Name",
+                  placeholder: "Enter a name"
+                }, null, 8, ["modelValue"]),
+                s(ae, {
+                  modelValue: l.value.platform,
+                  "onUpdate:modelValue": e[4] || (e[4] = (n) => l.value.platform = n),
+                  label: "Integration",
+                  items: F(p)
+                }, null, 8, ["modelValue", "items"])
+              ]),
+              r("div", ie, [
+                e[9] || (e[9] = r("div", { class: "grow" }, null, -1)),
+                s(b, {
+                  label: "Cancel",
+                  variant: "tertiary",
+                  onClick: f
+                }),
+                s(b, {
+                  label: "Add Integration",
+                  variant: "primary",
+                  onClick: w
+                })
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]));
+    };
+  }
+}), de = { class: "gap-24 px-24 py-16 h-full" }, ue = /* @__PURE__ */ U({
+  __name: "Integrations",
+  setup(S) {
+    const k = W(), m = j(), l = z(), c = Z(), { promptLoader: p } = J(), v = D(!1), f = D({ name: "", platform: $.AutoCount }), w = G(() => l.settings.reduce((a, t) => {
+      const d = P.find((o) => o.platform === t.platform.name);
+      return d && a.push({
+        id: t._id,
+        name: t.name,
+        platform: d.platform,
+        asset: d.asset,
+        type: d.type
+      }), a;
+    }, []));
+    async function y() {
+      await p(async () => {
+        await l.getSettings();
+      });
+    }
+    async function e() {
+      await p(async () => {
+        try {
+          const a = await M({
+            name: f.value.name,
+            platform: {
+              name: f.value.platform
+            }
+          });
+          await l.getSettings(), v.value = !1, k.push({
+            name: "integration",
+            params: { id: a._id },
+            query: m.query
+          });
+        } catch (a) {
+          c.open({ type: "error", message: a.message });
+        }
+      });
+    }
+    const { promptMessage: V } = Q();
+    async function _(a) {
+      a === "new" ? v.value = !0 : a ? k.push({
+        name: "integration",
+        params: { id: a },
+        query: m.query
+      }) : c.open({ type: "error", message: "Invalid integration" });
+    }
+    const { FmButton: b, FmMenu: A, FmMenuItem: h, FmIcon: n, FmChip: q } = te, { breakpoints: B } = T(), E = [
+      {
+        accessorKey: "name",
+        header: "Name",
+        meta: {
+          maxWidth: "50px",
+          width: "50px"
+        },
+        enableSorting: !1
+      },
+      {
+        accessorKey: "tag",
+        header: "Platform",
+        cell: (a) => {
+          const t = a.row.original;
+          return u("div", { class: "flex flex-row items-center gap-x-16" }, [
+            u("img", { src: t.asset, class: "w-[60px]" }),
+            u(
+              q,
+              {
+                class: "text-fm-color-typo-info fm-typo-en-body-sm-600",
+                compact: !0
+              },
+              { default: () => t.type }
+            )
+          ]);
+        },
+        enableSorting: !1
+      },
+      {
+        accessorKey: "",
+        id: "Action",
+        header: "",
+        meta: {
+          maxWidth: "20px"
+        },
+        enableSorting: !1,
+        cell: (a) => {
+          const t = a.row.original, d = [
+            {
+              label: "Duplicate",
+              onClick: async () => {
+                await p(async () => {
+                  try {
+                    const o = l.settings.find(
+                      (i) => i._id === t.id
+                    );
+                    o && (await M({
+                      ...o,
+                      name: `${o == null ? void 0 : o.name} cloned`
+                    }), await l.getSettings());
+                  } catch (o) {
+                    c.open({ type: "error", message: o.message });
+                  }
+                });
+              },
+              class: ""
+            },
+            {
+              label: "Remove",
+              onClick: async () => {
+                await V({
+                  message: `Confirm delete ${t.name}?`,
+                  title: "Delete"
+                }) && await p(async () => {
+                  try {
+                    await X(t.id), await y();
+                  } catch (i) {
+                    c.open({ type: "error", message: i.message });
+                  }
+                });
+              },
+              class: "text-fm-color-typo-error"
+            }
+          ];
+          return u(
+            "div",
+            {
+              class: `flex ${B.value.lg || B.value.md ? "justify-end" : ""} items-center`
+            },
+            {
+              default: () => [
+                u(
+                  A,
+                  { stopClickPropagation: !0 },
+                  {
+                    default: () => d.map(
+                      (o) => u(
+                        h,
+                        {
+                          onClick: o.onClick,
+                          label: o.label,
+                          class: o.class
+                        },
+                        {
+                          label: () => u("p", o.label)
+                        }
+                      )
+                    ),
+                    "menu-button": () => u(
+                      b,
+                      {
+                        variant: "tertiary",
+                        size: "md",
+                        icon: "more_vert",
+                        iconColor: ee.NeutralGray400
+                      },
+                      {}
+                    )
+                  }
+                )
+              ]
+            }
+          );
+        }
+      }
+    ];
+    function R(a) {
+      a === "create" && _("new");
+    }
+    return (a, t) => {
+      const d = g("FmPageHead"), o = g("FmTable");
+      return C(), H(L, null, [
+        s(me, {
+          modelValue: v.value,
+          "onUpdate:modelValue": t[0] || (t[0] = (i) => v.value = i),
+          form: f.value,
+          "onUpdate:form": t[1] || (t[1] = (i) => f.value = i),
+          onConfirm: e
+        }, null, 8, ["modelValue", "form"]),
+        s(d, {
+          title: "Integration",
+          class: "h-[68px]",
+          actions: [
+            {
+              label: "Add Integration",
+              value: "create",
+              isPrimary: !0,
+              prependIcon: "add"
+            }
+          ],
+          "onClick:action": R
+        }, {
+          description: x(() => t[3] || (t[3] = [
+            r("div", null, null, -1)
+          ])),
+          _: 1
+        }),
+        r("div", de, [
+          w.value.length > 0 ? (C(), I(o, {
+            key: 0,
+            ref: "table",
+            class: "h-[500px]",
+            "row-data": w.value,
+            "column-defs": E,
+            "shrink-at": !1,
+            onRowClick: t[2] || (t[2] = (i) => {
+              _(i.original.id);
+            })
+          }, null, 8, ["row-data"])) : (C(), I(oe, {
+            key: 1,
+            title: "No integration",
+            "sub-title": "No integration can be found"
+          }))
+        ])
+      ], 64);
+    };
+  }
+}), be = /* @__PURE__ */ Y(ue, [["__scopeId", "data-v-91795534"]]);
+export {
+  be as default
+};

package/dist/Layout-W7RwCrDD.js

@@ -0,0 +1,21 @@
+import { defineComponent as o, resolveComponent as t, openBlock as r, createBlock as n, withCtx as l, createElementVNode as _, createVNode as c } from "vue";
+import { _ as a } from "./Default.vue_vue_type_script_setup_true_lang-U8MvQ-Uz.js";
+const s = { class: "h-full w-full overflow-x-auto flex flex-col" }, d = /* @__PURE__ */ o({
+  __name: "Layout",
+  setup(f) {
+    return (u, m) => {
+      const e = t("router-view");
+      return r(), n(a, null, {
+        default: l(() => [
+          _("div", s, [
+            c(e)
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  d as default
+};

package/dist/LocationSelect.vue_vue_type_script_setup_true_lang-VTjz4xCE.js

@@ -0,0 +1,81 @@
+import { defineComponent as k, mergeModels as w, useModel as C, computed as v, ref as V, resolveComponent as i, openBlock as c, createBlock as f, withCtx as p, createVNode as n, createElementVNode as y, withDirectives as S, vShow as L, createElementBlock as A, Fragment as B, renderList as D } from "vue";
+import { a as T } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-G0LCMQmy.js";
+import "./app-eKZV2PPB.js";
+const $ = { class: "flex flex-col bg-fm-color-neutral-white w-[260px] max-h-[408px] overflow-y-auto" }, N = /* @__PURE__ */ k({
+  __name: "LocationSelect",
+  props: /* @__PURE__ */ w({
+    options: {
+      type: Array,
+      default: () => []
+    },
+    label: {
+      type: String,
+      default: "Location"
+    }
+  }, {
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const e = C(t, "modelValue"), h = v(() => {
+      var l;
+      return e.value.length === 1 ? (l = t.options.find((o) => o.id === e.value[0])) == null ? void 0 : l.name : e.value.length > 1 ? `${e.value.length} selected` : "";
+    }), r = V(""), g = v(
+      () => t.options.filter((l) => l.name.toLowerCase().includes(r.value.toLowerCase()))
+    );
+    function b(l) {
+      !!e.value.find((a) => a === l.id) ? e.value = e.value.filter((a) => a !== l.id) : e.value = [...e.value, l.id];
+    }
+    function x() {
+      e.value.length > 0 ? e.value = [] : e.value = [...t.options.map((l) => l.id)];
+    }
+    return (l, o) => {
+      const a = i("FmSearch"), m = i("FmMenuDivider"), F = i("FmMenuHeader"), d = i("FmMenuItem"), M = i("FmMenu");
+      return c(), f(M, { "close-on-click": !1 }, {
+        "menu-button": p(() => [
+          n(T, {
+            "left-icon": "storefront",
+            "right-icon": "expand_more",
+            label: h.value
+          }, null, 8, ["label"])
+        ]),
+        "menu-wrapper": p(() => [
+          y("div", $, [
+            n(a, {
+              modelValue: r.value,
+              "onUpdate:modelValue": o[0] || (o[0] = (u) => r.value = u),
+              placeholder: "Filter"
+            }, null, 8, ["modelValue"]),
+            n(m),
+            n(F, { label: t.label }, null, 8, ["label"]),
+            n(m),
+            S(n(d, {
+              "model-value": e.value.length === t.options.length,
+              label: "All",
+              "has-checkbox": !0,
+              indeterminate: !0,
+              onClick: x
+            }, null, 8, ["model-value"]), [
+              [L, r.value === ""]
+            ]),
+            (c(!0), A(B, null, D(g.value, (u, _) => (c(), f(d, {
+              key: _,
+              "model-value": !!e.value.find((s) => s === u.id),
+              label: u.name,
+              "has-checkbox": !0,
+              onClick: (s) => b(u)
+            }, null, 8, ["model-value", "label", "onClick"]))), 128))
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  N as _
+};

package/dist/MenuTab.vue_vue_type_script_setup_true_lang-GRUzIsKG.js

@@ -0,0 +1,240 @@
+import { defineComponent as D, mergeModels as K, useModel as z, ref as T, resolveComponent as i, openBlock as d, createBlock as R, withCtx as _, createVNode as m, createElementVNode as u, createElementBlock as $, Fragment as w, renderList as E, createTextVNode as Q, toDisplayString as x, withDirectives as W, vShow as X, unref as l, createCommentVNode as C, isRef as V, normalizeClass as B } from "vue";
+import { d as k, a as J } from "./app-eKZV2PPB.js";
+import { storeToRefs as j } from "pinia";
+import { _ as Y } from "./LocationSelect.vue_vue_type_script_setup_true_lang-VTjz4xCE.js";
+import { a as Z, _ as ee } from "./DateRangeSelect.vue_vue_type_script_setup_true_lang-G0LCMQmy.js";
+import { t as P, s as te } from "./timeFormat-chUhgTmK.js";
+import { useBreakpoints as oe } from "@feedmepos/ui-library";
+const ne = { class: "px-24 py-16 rounded-lg shadow-light-300" }, le = { class: "text-fm-color-typo-primary" }, ae = { class: "text-fm-color-typo-secondary" }, me = { class: "flex items-center justify-center w-full" }, re = { class: "flex items-center justify-center" }, se = { class: "flex flex-row mb-4 px-4 gap-2" }, ue = "HH:mm", ie = /* @__PURE__ */ D({
+  __name: "TimeRangeSelect",
+  props: /* @__PURE__ */ K({
+    defaultDateRange: {
+      type: Array,
+      default: () => [
+        {
+          name: "All day",
+          isDefault: !0,
+          startTime: { hour: 0, minute: 0 },
+          endTime: { hour: 23, minute: 59 }
+        }
+      ]
+    }
+  }, {
+    modelValue: {
+      type: Object,
+      default: () => ({
+        start: { hour: 0, minute: 0 },
+        end: { hour: 23, minute: 59 }
+      })
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(F) {
+    const p = z(F, "modelValue"), s = F;
+    function g(a, e = ue) {
+      return k().set("hour", a.hour).set("minute", a.minute).format(e);
+    }
+    function f(a) {
+      a && (p.value = a), n();
+    }
+    function v(a) {
+      const e = a.split(":"), b = k().set("hour", Number(e[0])).set("minute", Number(e[1]));
+      return console.log(b.format("A")), {
+        hours: Number(b.format("h")),
+        minutes: Number(b.format("m")),
+        period: b.format("A")
+      };
+    }
+    const c = T(
+      s.defaultDateRange.findIndex((a) => a.isDefault) + 1
+    ), t = T(JSON.parse(JSON.stringify(p.value))), h = T();
+    function n() {
+      var a;
+      (a = h.value) == null || a.hide();
+    }
+    function r(a, e) {
+      t.value.start = JSON.parse(JSON.stringify(a)), t.value.end = JSON.parse(JSON.stringify(e));
+    }
+    const G = T(!1);
+    return (a, e) => {
+      const b = i("FmChip"), N = i("FmRadio"), H = i("FmMenuDivider"), L = i("FmRadioGroup"), S = i("FmTimeInput"), M = i("FmButton"), q = i("FmPopover");
+      return d(), R(q, {
+        ref_key: "dropdownRef",
+        ref: h,
+        placement: "bottom",
+        class: "min-w-[212px]",
+        "show-popover": G.value
+      }, {
+        "popover-button": _(() => [
+          m(Z, {
+            "left-icon": "schedule",
+            label: `${g(p.value.start ?? { hour: 0, minute: 0 }, "h:mmA")} - ${g(
+              p.value.end ?? { hour: 23, minute: 59 },
+              "h:mmA"
+            )}`
+          }, null, 8, ["label"])
+        ]),
+        default: _(() => {
+          var O, A, I, U;
+          return [
+            u("div", ne, [
+              m(L, {
+                modelValue: c.value,
+                "onUpdate:modelValue": e[0] || (e[0] = (o) => c.value = o)
+              }, {
+                default: _(() => [
+                  (d(!0), $(w, null, E(s.defaultDateRange, (o, y) => (d(), R(N, {
+                    key: `range_${y}`,
+                    value: y + 1,
+                    onClick: (fe) => r(o.startTime, o.endTime)
+                  }, {
+                    label: _(() => [
+                      u("p", le, [
+                        Q(x(o.name) + " ", 1),
+                        W(m(b, {
+                          label: "Default",
+                          class: "bg-fm-color-system-info-100 border-fm-color-typo-info text-fm-color-typo-info",
+                          compact: ""
+                        }, null, 512), [
+                          [X, o.isDefault]
+                        ])
+                      ]),
+                      u("p", ae, x(l(P)(o.startTime)) + " - " + x(l(P)(o.endTime)) + " " + x(l(te)(o.startTime, o.endTime)), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["value", "onClick"]))), 128)),
+                  m(H),
+                  m(N, {
+                    key: "range_custom",
+                    label: "Custom",
+                    value: s.defaultDateRange.length + 1
+                  }, null, 8, ["value"])
+                ]),
+                _: 1
+              }, 8, ["modelValue"]),
+              c.value === s.defaultDateRange.length + 1 ? (d(), $(w, { key: 0 }, [
+                e[5] || (e[5] = u("p", { class: "fm-typo-en-body-lg-600 mb-8" }, "Starting time", -1)),
+                u("div", me, [
+                  m(S, {
+                    "model-value": v(`${(O = t.value.start) == null ? void 0 : O.hour}:${(A = t.value.start) == null ? void 0 : A.minute}`),
+                    "onUpdate:modelValue": e[1] || (e[1] = (o) => {
+                      if (t.value.start) {
+                        const y = l(k)(`${o.hours}:${o.minutes} ${o.period}`, "h:m A");
+                        t.value.start.hour = y.get("hour"), t.value.start.minute = y.get("minute");
+                      }
+                    })
+                  }, null, 8, ["model-value"])
+                ]),
+                e[6] || (e[6] = u("p", { class: "fm-typo-en-body-lg-600 mb-8" }, "Closing time", -1)),
+                u("div", re, [
+                  m(S, {
+                    "model-value": v(`${(I = t.value.end) == null ? void 0 : I.hour}:${(U = t.value.end) == null ? void 0 : U.minute}`),
+                    "onUpdate:modelValue": e[2] || (e[2] = (o) => {
+                      if (t.value.end) {
+                        const y = l(k)(`${o.hours}:${o.minutes} ${o.period}`, "h:m A");
+                        t.value.end.hour = y.get("hour"), t.value.end.minute = y.get("minute");
+                      }
+                    })
+                  }, null, 8, ["model-value"])
+                ])
+              ], 64)) : C("", !0),
+              u("div", se, [
+                e[7] || (e[7] = u("div", { class: "grow" }, null, -1)),
+                m(M, {
+                  label: "Cancel",
+                  variant: "tertiary",
+                  onClick: e[3] || (e[3] = (o) => n())
+                }),
+                m(M, {
+                  label: "Apply",
+                  onClick: e[4] || (e[4] = () => f(JSON.parse(JSON.stringify(t.value))))
+                })
+              ])
+            ])
+          ];
+        }),
+        _: 1
+      }, 8, ["show-popover"]);
+    };
+  }
+}), de = { class: "flex gap-2 items-center overflow-x-auto overflow-y-hidden scrollbar-hide" }, pe = /* @__PURE__ */ D({
+  __name: "Filter",
+  setup(F) {
+    const p = J(), { locations: s, selectedLocationIds: g } = j(J()), { dateRange: f, compareDateRange: v, timeRange: c, defaultDateSetting: t } = j(p);
+    return (h, n) => (d(), $("div", de, [
+      m(Y, {
+        modelValue: l(g),
+        "onUpdate:modelValue": n[0] || (n[0] = (r) => V(g) ? g.value = r : null),
+        options: l(s)
+      }, null, 8, ["modelValue", "options"]),
+      m(ee, {
+        dateRange: l(f),
+        "onUpdate:dateRange": n[1] || (n[1] = (r) => V(f) ? f.value = r : null),
+        "compare-date-range": l(v),
+        "onUpdate:compareDateRange": n[2] || (n[2] = (r) => V(v) ? v.value = r : null),
+        "compare-type": l(t).defaultCompareType,
+        "onUpdate:compareType": n[3] || (n[3] = (r) => l(t).defaultCompareType = r),
+        compare: ""
+      }, null, 8, ["dateRange", "compare-date-range", "compare-type"]),
+      m(ie, {
+        modelValue: l(c),
+        "onUpdate:modelValue": n[4] || (n[4] = (r) => V(c) ? c.value = r : null),
+        "default-date-range": l(t).timeOptions
+      }, null, 8, ["modelValue", "default-date-range"])
+    ]));
+  }
+}), ce = { class: "fm-typo-en-body-md-400" }, xe = /* @__PURE__ */ D({
+  __name: "MenuTab",
+  props: {
+    modelValue: { required: !1, default: [] },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(F) {
+    const p = z(F, "modelValue"), { breakpoints: s } = oe();
+    return (g, f) => {
+      const v = i("FmButton"), c = i("FmIcon"), t = i("FmMenuItem"), h = i("FmMenu");
+      return d(), $("div", {
+        class: B(["flex items-center pb-6 px-24", `${l(s).lg || l(s).md ? "px-24" : "pl-3"}`])
+      }, [
+        m(pe),
+        f[0] || (f[0] = u("div", { class: "flex grow" }, null, -1)),
+        p.value.length > 0 ? (d(), R(h, {
+          key: 0,
+          trigger: "click",
+          placement: "left",
+          class: B(l(s).sm || l(s).xs ? "pr-3" : "")
+        }, {
+          "menu-button": _(() => [
+            m(v, {
+              "append-icon": "more_vert",
+              variant: "tertiary",
+              size: "md",
+              class: "w-[36px] bg-none"
+            })
+          ]),
+          default: _(() => [
+            (d(!0), $(w, null, E(p.value, (n, r) => (d(), R(t, {
+              key: `button-${r}`,
+              onClick: n.onClick
+            }, {
+              label: _(() => [
+                n.prependIcon ?? !1 ? (d(), R(c, {
+                  key: 0,
+                  name: n.icon
+                }, null, 8, ["name"])) : C("", !0),
+                u("p", ce, x(n.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["onClick"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["class"])) : C("", !0)
+      ], 2);
+    };
+  }
+});
+export {
+  xe as _
+};